【Swift】MapKitでマップのあるアプリを作る

f:id:clrmemory:20170513175643p:plain

今回はCocoaProgrammingで、マップのあるアプリケーションを作成してみましょう。Swiftでは「MapKit」というフレームワークを使うことで簡単にマップを実装することができます。

そこで今回は、このMapKitの使い方を紹介します。

はじめに

今回紹介する方法は「CocoaProgramming」で作成したマップアプリです。使用言語はSwiftで、Xcodeを使って作成しました。

ではまず、完成したアプリケーションを確認してください。

このように、ウィンドウ内でマップを表示できています。また、ユーザーのアクションによって、マップを移動させたり拡大させるといった動作も簡単に実装できます。

では早速ストーリーボードに「MapKit」を設置しましょう。

ストーリーボードを作成

今回使用するオブジェクトは「MapKit Map View」です。検索などを活用して、以下のオブジェクトを探してください。

f:id:clrmemory:20170514071736p:plain

MapKitが見つかったら、ViewControllerの中に設置しましょう。設置が完了したら、ウィンドウのサイズに合わせてMapViewのサイズを変更しておきます。

f:id:clrmemory:20170514071741p:plain

このようになったらストーリーボードは完成です。

続いて、コードから「地図」を表示してみましょう。

コードの流れ

今回のアプリケーションでは、以下のような流れで動作しています。

・MapKitフレームワークを追加

・MapViewをOutlet接続

・マップを表示

たった3行程で実装できてしまいました。

では実際のコードを確認してください。

コードから地図を表示

MapKitを使ってマップを表示する場合、Swiftではとても簡単なコードで実装できます。まず先に、完成系のコードを確認してください。

import Cocoa
import MapKit

class ViewController: NSViewController {

    @IBOutlet weak var mapView: MKMapView!

    override func viewDidLoad() {
        super.viewDidLoad()

        // Do any additional setup after loading the view.
        _ = MKMapView(frame: mapView.bounds)
    }

    override var representedObject: Any? {
        didSet {
        // Update the view, if already loaded.
        }
    }
}

たったこれだけで、マップを表示するアプリケーションが完成します。

では順に見ていきましょう。