Swift MkMapViewで地図アプリ作成してみた（01）- 地図を表示する

#記事一覧
Swift MkMapViewで地図アプリ作成してみた（記事一覧）

#環境

• Xcode 10.01 (Swift 4.2.1) 2018/10/30リリース

#プロジェクトを作成する

1. Xcodeを立ち上げて、Create a new Xcode projectを押す。

   

2. Single View Appを選択してNextを押す。

   

3. Product Nameにアプリ名称を入力する。

   Nextを押すと(4.)の画像にあるGeneralの設定画面が表示される。

   

4. Display Name、Deployment Target、Deviceを設定する。

• Display Name：アプリのアイコンなどに表示される名前

• Deployment Target：iOSバージョン

• Device：デバイス（iPhone / iPad / Universal）

  

#MkMapViewで地図を表示する

1. storyboardに表示されるデバイスを設定しておく。

   
   

2. storyboardにMkMapViewを貼り付ける。
   「command + shift + l（エル）」を押すとObjectを選択するWindowが表示される。
   Map Kit Viewをstoryboard上のデバイスまでドラックしてドロップする。

   
   貼り付けたMkMapViewを画面いっぱいに引き伸ばす。
   

3. ViewController.swiftにMkMapViewの変数を定義する。

   MkMapViewの変数を定義

   import UIKit
   import MapKit
   
   class ViewController: UIViewController {
   
       @IBOutlet var mapView: MKMapView!
   
       override func viewDidLoad() {
           super.viewDidLoad()
           // Do any additional setup after loading the view, typically from a nib.
       }
   }
   

4. mapView変数にMkMapViewを紐付ける。

   Map Viewで右クリックし、Referencing Outletsの○をView Controllerまでドラックしてドロップする。

   
   紐付ける変数を選択する。

　 5. ▶︎を押してPCシミュレータを起動する。

<div align="center"><img width="400" alt="Runsimulator.png" src="https://qiita-image-store.s3.amazonaws.com/0/362635/aa0c8efa-cfa1-0991-a153-b1a8088f0664.png"></div>

#記事一覧
Swift MkMapViewで地図アプリ作成してみた（記事一覧）