- 追加された行はこの色です。
- 削除された行はこの色です。
*Titaniumでの地図表示方法
Titaniumで地図を表示する方法は色々有りますが、３通りご紹介します。
|地図組み込み方法|メリット|デメリット|h
|~Ti.Mapモジュール|・Titanium標準の地図機能でサンプルが多いです。&br;・iOSとAndroidでほぼ同じプログラムとなります。&br;・[[ピン(Annotation)>http://docs.appcelerator.com/titanium/latest/#!/api/Modules.Map.Annotation]]周りの操作が豊富（ピン画像を変えたり、ピンをタッチしたときに説明のテキストや画像やを含んだビューを開くなど）&br;・ソースがシンプルでコーディングしやすいです。また、Alloyでピンを書くことも可能。&br;・もしApple Maps利用が必須のときは唯一の選択肢|・iOSでは貧弱なApple Mapsとなってしまいます。&br;・地図をクリックした地点の緯度・軽度が取得できません。&br;・地図自体への描画機能は[[ライン(Route)>http://docs.appcelerator.com/titanium/latest/#!/api/Modules.Map.Route]]のみ|
|~TiGMapモジュール(iOS専用)|・iOSでGoogle Mapsを使用できます。&br;・タッチや長押しした位置の緯度・経度が取得できます。&br;・使用経験が無いためその他詳細は不明|・iOSのみ対応ですので、AndroidではTi.Mapを使ってプログラムを分ける必要があります。&br;・使用経験が無いためその他詳細は不明|
|~WebViewにGoogle Mapsを組み込む|・同じプログラムでiOS、Android共にGoogle Mapsを使用できます。&br;・Google Maps APIを操作して色々な機能を使用できます（例えばタッチした地点の緯度・経度を取得したり、地図にポリゴン描画したり、２地点の経路を表示したり）。&br;・WebアプリでGoogle Maps APIを使用している開発者にとって使いやすいです。&br;・同じ画面に地図を２つ配置できます。&br;・同様の方法で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>http://docs.appcelerator.com/titanium/latest/#!/api/Modules.Map]]
-[[TitaniumでAndroid向けのMapModule動作させるのにとても苦労したのでその振り返り | TitaniumMobile勉強記>http://h5y1m141.hatenablog.com/entry/2013/10/30/073351]]
-[[Google Maps API v2用Androidモジュールを設定 | SE奮闘記>http://se-suganuma.blogspot.jp/2013/09/titanium-google-maps-api-v2android.html]]
-[[Titanium Advent Calendar 2013 7日目 regionChangedの抑制 | もぎゃろぐ>http://blog.mogya.com/2013/12/titanium-regionchanged.html]] ... 『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>https://github.com/daisaru11/TiGMap]] ... TiGMapのオリジナルだそうです。更新は止まっているようです。コード記述方法は[[こちらのReadme>https://github.com/daisaru11/TiGMap/blob/master/Readme.md]]が詳しいようです。
-[[alperdincer/TiGMap | GitHub>https://github.com/alperdincer/TiGMap]] ... ☆TiGMapをforkして作られた最新版です。こちらを用いるのが最新でいいようです(by 八木氏)。
-[[Google Maps for iOS | Appcelerator Marketplace>https://marketplace.appcelerator.com/apps/5076#!overview]] ... $30でほぼ同じ仕様のものが販売されているようです。他との違いは不明です。
***リンク
-[[Google Maps SDK for iOS を Titanium Mobile の Alloy で使う>http://qiita.com/sngmr/items/6a885bca6f38c16818c1]]
**(3) WebViewにGoogle Mapsを組み込んで使用する方法
***リンク
*Titanium以外の地図リンク
-[[Geocoding.jp>http://www.geocoding.jp]] ... Titaniumではありませんが、緯度経度の値を調べたい時に利用できます。
*Titanium地図リンク
-[[TitaniumでAndroid向けのMapModule動作させるのにとても苦労したのでその振り返り | TitaniumMobile勉強記>http://h5y1m141.hatenablog.com/entry/2013/10/30/073351]]
-[[Google Maps SDK for iOS を Titanium Mobile の Alloy で使う>http://qiita.com/sngmr/items/6a885bca6f38c16818c1]]
-[[Titanium MobileのGeocodingで日本語を扱う | Selfkleptomaniac>http://selfkleptomaniac.org/archives/2094]] ... 住所番地と緯度経度の双方向変換など
-[[iOSとAndroidで地図アプリ（Google Maps）を起動 | SE奮闘記>http://se-suganuma.blogspot.jp/2013/09/titanium-iosandroidgoogle-maps.html]]
-[[Google Maps API v2用Androidモジュールを設定 | SE奮闘記>http://se-suganuma.blogspot.jp/2013/09/titanium-google-maps-api-v2android.html]]
-[[Titanium Advent Calendar 2013 7日目 regionChangedの抑制 | もぎゃろぐ>http://blog.mogya.com/2013/12/titanium-regionchanged.html]] ... 『GoogleMapsSDKのバージョンが上がった関係で、現在Androidでは標準のMapViewではなくてModules.Mapを使うように言われていて...』
-[[TitaniumでAndroid向けのMapModule動作させるのにとても苦労したのでその振り返り | TitaniumMobile勉強記>http://h5y1m141.hatenablog.com/entry/2013/10/30/073351]]
