移動ログアプリを作ってみよう２（移動経路の表示）

【STEP 1】プロジェクトを作ろう

Xcodeで前回作ったプロジェクトを開きましょう。まずは左側のナビゲータ領域から、青いアイコンの［Walk Memory］と書かれたプロジェクト名の部分を選択します。

画面中央上部の[General]タブを選択します。そして、画面中央下にある［Linked Frameworks and Libraries］の欄の［＋］ボタンを押しましょう。

表示された画面から［MapKit.framework］を選んで、［Add］ボタンを押して追加します。これでアプリの中でマップ・キットのフレームワークが利用できるようになります。

【STEP 2】マップビューの追加

画面左側のナビゲータ領域で［Main.storyboard］を選択し、右下のオブジェクト・ライブラリから地図のアイコンの［MKMapView］をドラッグして、iPhoneのビューの上に追加します。これでiPhoneの画面上に地図が表示されるようになります。

追加したMapビューを選択して、Xcodeのメニューから［Editor］→［Resolve Auto Layout Issues］→［Reset to Suggested Constraints］を実行してください。こうすることで、どんなサイズのiPhoneでも地図が画面全体に表示されるように調整されます。

【STEP 3】スウィフトのコードを書く

（１）画面左側のナビゲータ領域で［ViewController.swift］を選択して、プログラムのコードを書いていきます。

（２）まずはプログラムの先頭にマップ・キットのためのimport文を1行追加します。こうすることで、プログラムの中からマップ・キットの機能が使えるようになります。

（３）位置管理と位置ラベルの変数の下に、地図のビューを参照するための変数と、時刻の表示方法を設定するための変数を追加しましょう。時刻表示は、ピンに名前を付けるときに使います。

（４）これらの変数を初期化するためのコードを、viewDidLoad()メソッドの最後に追加します。先ほど貼り付けたマップビューを「地図ビュー」に取得し、日本標準時で時間を短く表示するように時刻表示の設定を行います。

（５）最後に、GPSの位置情報が取得されるたびに呼び出されるメソッドの一番下に、新しいピンを作って取得した緯度・経度を設定し、その名前に現在時刻を設定した上でマップビューにピンを追加するコードを書きます。下の2行で、追加したピンを選択して常に新しいピンが画面に表示されるようにしています。このメソッドはおよそ10メートル歩くたびに呼ばれるようになっていますので、一定間隔でピンが追加されていきます。

（６）このアプリを自分のiPhoneにインストールして、大阪の街をあちこち歩き回ったときの様子です。皆さんも、自分のアプリを持ち歩いてデバッグしてみてください！

【まとめ】

今回は位置情報を取得して表示するアプリを作成しました。このアプリはシミュレータ上でも動かせますし、iPhoneにインストールして歩き回ると、いろんな場所の緯度・経度を計測できます。

次回のテーマ

移動ログアプリを作ってみよう③（移動距離を計算してツイート）