Titanium Mobile/地図のバックアップ(No.8)

Titaniumでの地図表示方法

Titaniumで地図を表示する方法は色々有りますが、３通りご紹介します。

地図組み込み方法	メリット	デメリット
Ti.Mapモジュール	・Titanium標準の地図機能でサンプルが多いです。・iOSとAndroidでほぼ同じプログラムとなります。・ピン(Annotation)周りの操作が豊富（ピン画像を変えたり、ピンをタッチしたときに説明のテキストや画像やを含んだビューを開くなど）・ソースがシンプルでコーディングしやすいです。また、Alloyでピンを書くことも可能。・もしApple Maps利用が必須のときは唯一の選択肢	・iOSでは貧弱なApple Mapsとなってしまいます。・地図をクリックした地点の緯度・軽度が取得できません。・地図自体への描画機能はライン(Route)のみ
TiGMapモジュール(iOS専用)	・iOSでGoogle Mapsを使用できます。・タッチや長押しした位置の緯度・経度が取得できます。・使用経験が無いためその他詳細は不明	・iOSのみ対応ですので、AndroidではTi.Mapを使ってプログラムを分ける必要があります。・使用経験が無いためその他詳細は不明
WebViewにGoogle Mapsを組み込む	・同じプログラムでiOS、Android共にGoogle Mapsを使用できます。・Google Maps APIを操作して色々な機能を使用できます（例えばタッチした地点の緯度・経度を取得したり、地図にポリゴン描画したり、２地点の経路を表示したり）。・WebアプリでGoogle Maps APIを使用している開発者にとって使いやすいです。・同じ画面に地図を２つ配置できます。・同様の方法でYahoo地図 APIも利用できます。	・WebViewに組み込むので、プログラム本体との連携が複雑となります。

↑

(1) Ti.Mapモジュールを用いる方法

Titaniumで標準的な地図表示方法です。iOSではApple Maps、AndroidではGoogle Mapsで表示されます。以前はデフォルトで使用出来ましたが、2014-02-20時点ではモジュール追加画面から「ti.map [android, ios] - Global {API Ver. 2}」を追加して使用します。また、Alloyの場合はalloy.jsに次の行を追加します。

Alloy.Globals.Map = require('ti.map');

↑

使用上のご注意

現時点(2014-02-20)ではTitaniumデフォルトのAndroid用Google Mapsのバージョンは１で、これを２に対応させるためにモジュールで組み込むように変わったそうです。最近の多くのサンプルではAndroidだけこのモジュールを組み込み、iOSはデフォルトのTi.Mapのままと分けているようです。しかし、両者共通でこのモジュールを使用するソースで書けます。

↑

リンク

Modules.Map | Appcelerator Titanium Documentation
TitaniumでAndroid向けのMapModule動作させるのにとても苦労したのでその振り返り | TitaniumMobile勉強記
Google Maps API v2用Androidモジュールを設定 | SE奮闘記
Titanium Advent Calendar 2013 7日目 regionChangedの抑制 | もぎゃろぐ ... 『GoogleMapsSDKのバージョンが上がった関係で、現在Androidでは標準のMapViewではなくてModules.Mapを使うように言われていて...』

↑

(2) TiGMapモジュールを用いる方法(iOS専用)

Objective-CでGoogle Mapsを利用する場合は、Google提供の「Google Maps SDK」を使用します。TiGMapはこのSDKを取り込んだiOS専用Titanium用モジュールです。

↑

使用上のご注意

そのままではビルドできません。module.xcconfigのパス書き換えが要ります。

↑

モジュール

daisaru11/TiGMap | GitHub ... TiGMapのオリジナルだそうです。更新は止まっているようです。コード記述方法はこちらのReadmeが詳しいようです。
alperdincer/TiGMap | GitHub ... ☆TiGMapをforkして作られた最新版です。こちらを用いるのが最新でいいようです(by 八木氏)。
Google Maps for iOS | Appcelerator Marketplace ... $30でほぼ同じ仕様のものが販売されているようです。他との違いは不明です。

↑