PapuuWiki
Titanium Mobile/地図
をテンプレートにして作成
開始行:
*Titaniumでの地図表示方法
Titaniumで地図を表示する方法は色々有りますが、３通りご紹...
|地図組み込み方法|メリット|デメリット|h
|~Ti.Mapモジュール|・Titanium標準の地図機能でサンプルが多...
|~TiGMapモジュール(iOS専用)|・iOSでGoogle Mapsを使用でき...
|~WebViewにGoogle Mapsを組み込む|・同じプログラムでiOS、A...
**(1) Ti.Mapモジュールを用いた地図表示
Titaniumで標準的な地図表示方法です。iOSではApple Maps、An...
また、Alloyの場合はalloy.jsに次の行を追加します。
Alloy.Globals.Map = require('ti.map');
-[[Appcelerator Titanium Alloy Map Integration with ListV...
***使用上のご注意
現時点(2014-02-20)ではTitaniumデフォルトのAndroid用Google...
***リンク
-[[Modules.Map | Appcelerator Titanium Documentation>http...
-[[TitaniumでAndroid向けのMapModule動作させるのにとても苦...
-[[Google Maps API v2用Androidモジュールを設定 | SE奮闘記...
-[[Titanium Advent Calendar 2013 7日目 regionChangedの抑...
-[[Android版のGoogleMapsアプリのようなUIをTitaniumで実現...
-[[Geolocation.addEventListenerでアプリが重くなる | Titan...
-[[Android で mapを表示させようとすると落ちる | Don't F...
-[[Modules.Map.View でタップした位置の緯度経度を取得した...
-[[Translating NSLocationAlwaysUsageDescription | TiDev>h...
-[[Titanium3.4でiOS8の位置情報をとる際の設定 | Qiita>http...
-[[titanium_mobile / iphone / Classes / GeolocationModule...
-[[k0sukey/ti.map at MKDirections>https://github.com/k0su...
-[[m1ga/titanium-libraries>https://github.com/m1ga/titani...
-[[Titanium - ti.map をちょっとだけ便利にしちゃう改造 | Q...
-[[Appcelerator Titanium 4.1.0 Sample App>https://github....
-[[Ti.MarkerManager>https://github.com/AppWerft/Ti.Marker...
**(2) TiGMapモジュールを用いた地図表示(iOS専用)
Objective-CでGoogle Mapsを利用する場合は、Google提供の「[...
~[[Google Maps API よくある質問 使用制限の影響を受ける Ma...
***使用上のご注意
そのままではビルドできません。module.xcconfigのパス書き換...
***モジュール
-[[daisaru11/TiGMap | GitHub>https://github.com/daisaru11...
-[[alperdincer/TiGMap | GitHub>https://github.com/alperdi...
-[[Google Maps for iOS | Appcelerator Marketplace>https:/...
-[[Ti.GoogleMaps>https://github.com/hansemannn/ti.googlem...
***リンク
-[[Google Maps SDK for iOS を Titanium Mobile の Alloy で...
-[[Titanium - GoogleMap for iOSモジュール利用時のTiShadow...
-[[Titanium AlloyからGoogle Maps SDK for iOSを利用する。 ...
**(3) WebViewにGoogle Mapsを組み込んだ地図表示
詳しくは[[app_8.js>https://github.com/yagitoshiro/study3/...
~[[Google Maps JavaScript API v3 使用制限と購入>https://d...
*[[マップサンプルソース by 八木氏>https://github.com/yagi...
map_8だけWebViewにGoogle Mapsを組み込んだ地図表示です。そ...
:[[app_1.js>https://github.com/yagitoshiro/study3/blob/ma...
:[[app_2.js>https://github.com/yagitoshiro/study3/blob/ma...
:[[app_3_1.js>https://github.com/yagitoshiro/study3/blob/...
:[[app_3_2.js>https://github.com/yagitoshiro/study3/blob/...
:[[app_4_1.js>https://github.com/yagitoshiro/study3/blob/...
~
例えば東京駅の緯度：35.681382、経度：139.766084を変換した...
::Ti.Geolocation.reverseGeocoderは次を返します。|407, 神...
::Google Maps APIは次を返します。|日本, 東京都千代田区丸...
:[[app_5_1.js>https://github.com/yagitoshiro/study3/blob/...
:[[app_7.js>https://github.com/yagitoshiro/study3/blob/ma...
:[[app_7_1.js>https://github.com/yagitoshiro/study3/blob/...
:[[app_8.js>https://github.com/yagitoshiro/study3/blob/ma...
:[[app_9.js>https://github.com/yagitoshiro/study3/blob/ma...
:[[app_10.js>https://github.com/yagitoshiro/study3/blob/m...
~
注意：Ti.Mapはモジュールとして組み込むように変わったので...
Ti.Map = require('ti.map');
~
注意：API仕様が変わったため、app_7.js, app_8.jsで「map.ad...
#pre{{
var route = Ti.Map.createRoute({
color: 'red',
points: [{latitude:geo.lat, longitude:geo.lng...
width: 4,
});
map.addRoute(route);
}}
~
注意：API仕様が変わったため、app_7_1.jsで次のように書き換...
１つ目「map.addRoute({name:'道順', points:points, color:'...
#pre{{
var route = Ti.Map.createRoute({
color: 'red',
points: points,
width: 4,
});
map.addRoute(route);
}}
~
２つ目「map.addRoute({...});」
#pre{{
var route = Ti.Map.createRoute({
color: 'blue',
points: [{latitude:geo.lat, longitude:geo.lng...
width: 4,
});
map.addRoute(route);
}}
*リンク
-SIZE(30){[[Geocoding.jp>http://www.geocoding.jp]]} ... ☆...
-[[Titanium MobileのGeocodingで日本語を扱う | Selfkleptom...
-[[iOSとAndroidで地図アプリ（Google Maps）を起動 | SE奮闘...
-[[どっちのOSでも位置情報を連続取得！ | ビスタのTitanium...
-[[緯度・経度から二点間の距離と方向を計算する | それはBoo...
-[[benbahrenburg/Ti.Geocoder | GitHub>https://github.com/...
-[[富豪実装なJavaScriptジオコーダーを作ってみた | Qiita>h...
-[[Titanium module: TiGeocoder • gitTio>http://gitt...
-[[Titanium module: TiGeoVisits • gitTio>http://git...
-[[Titanium module: Ti.GeoTools • gitTio>http://git...
-[[Titanium module: Ti.LatLon • gitTio>http://gitt....
終了行:
*Titaniumでの地図表示方法
Titaniumで地図を表示する方法は色々有りますが、３通りご紹...
|地図組み込み方法|メリット|デメリット|h
|~Ti.Mapモジュール|・Titanium標準の地図機能でサンプルが多...
|~TiGMapモジュール(iOS専用)|・iOSでGoogle Mapsを使用でき...
|~WebViewにGoogle Mapsを組み込む|・同じプログラムでiOS、A...
**(1) Ti.Mapモジュールを用いた地図表示
Titaniumで標準的な地図表示方法です。iOSではApple Maps、An...
また、Alloyの場合はalloy.jsに次の行を追加します。
Alloy.Globals.Map = require('ti.map');
-[[Appcelerator Titanium Alloy Map Integration with ListV...
***使用上のご注意
現時点(2014-02-20)ではTitaniumデフォルトのAndroid用Google...
***リンク
-[[Modules.Map | Appcelerator Titanium Documentation>http...
-[[TitaniumでAndroid向けのMapModule動作させるのにとても苦...
-[[Google Maps API v2用Androidモジュールを設定 | SE奮闘記...
-[[Titanium Advent Calendar 2013 7日目 regionChangedの抑...
-[[Android版のGoogleMapsアプリのようなUIをTitaniumで実現...
-[[Geolocation.addEventListenerでアプリが重くなる | Titan...
-[[Android で mapを表示させようとすると落ちる | Don't F...
-[[Modules.Map.View でタップした位置の緯度経度を取得した...
-[[Translating NSLocationAlwaysUsageDescription | TiDev>h...
-[[Titanium3.4でiOS8の位置情報をとる際の設定 | Qiita>http...
-[[titanium_mobile / iphone / Classes / GeolocationModule...
-[[k0sukey/ti.map at MKDirections>https://github.com/k0su...
-[[m1ga/titanium-libraries>https://github.com/m1ga/titani...
-[[Titanium - ti.map をちょっとだけ便利にしちゃう改造 | Q...
-[[Appcelerator Titanium 4.1.0 Sample App>https://github....
-[[Ti.MarkerManager>https://github.com/AppWerft/Ti.Marker...
**(2) TiGMapモジュールを用いた地図表示(iOS専用)
Objective-CでGoogle Mapsを利用する場合は、Google提供の「[...
~[[Google Maps API よくある質問 使用制限の影響を受ける Ma...
***使用上のご注意
そのままではビルドできません。module.xcconfigのパス書き換...
***モジュール
-[[daisaru11/TiGMap | GitHub>https://github.com/daisaru11...
-[[alperdincer/TiGMap | GitHub>https://github.com/alperdi...
-[[Google Maps for iOS | Appcelerator Marketplace>https:/...
-[[Ti.GoogleMaps>https://github.com/hansemannn/ti.googlem...
***リンク
-[[Google Maps SDK for iOS を Titanium Mobile の Alloy で...
-[[Titanium - GoogleMap for iOSモジュール利用時のTiShadow...
-[[Titanium AlloyからGoogle Maps SDK for iOSを利用する。 ...
**(3) WebViewにGoogle Mapsを組み込んだ地図表示
詳しくは[[app_8.js>https://github.com/yagitoshiro/study3/...
~[[Google Maps JavaScript API v3 使用制限と購入>https://d...
*[[マップサンプルソース by 八木氏>https://github.com/yagi...
map_8だけWebViewにGoogle Mapsを組み込んだ地図表示です。そ...
:[[app_1.js>https://github.com/yagitoshiro/study3/blob/ma...
:[[app_2.js>https://github.com/yagitoshiro/study3/blob/ma...
:[[app_3_1.js>https://github.com/yagitoshiro/study3/blob/...
:[[app_3_2.js>https://github.com/yagitoshiro/study3/blob/...
:[[app_4_1.js>https://github.com/yagitoshiro/study3/blob/...
~
例えば東京駅の緯度：35.681382、経度：139.766084を変換した...
::Ti.Geolocation.reverseGeocoderは次を返します。|407, 神...
::Google Maps APIは次を返します。|日本, 東京都千代田区丸...
:[[app_5_1.js>https://github.com/yagitoshiro/study3/blob/...
:[[app_7.js>https://github.com/yagitoshiro/study3/blob/ma...
:[[app_7_1.js>https://github.com/yagitoshiro/study3/blob/...
:[[app_8.js>https://github.com/yagitoshiro/study3/blob/ma...
:[[app_9.js>https://github.com/yagitoshiro/study3/blob/ma...
:[[app_10.js>https://github.com/yagitoshiro/study3/blob/m...
~
注意：Ti.Mapはモジュールとして組み込むように変わったので...
Ti.Map = require('ti.map');
~
注意：API仕様が変わったため、app_7.js, app_8.jsで「map.ad...
#pre{{
var route = Ti.Map.createRoute({
color: 'red',
points: [{latitude:geo.lat, longitude:geo.lng...
width: 4,
});
map.addRoute(route);
}}
~
注意：API仕様が変わったため、app_7_1.jsで次のように書き換...
１つ目「map.addRoute({name:'道順', points:points, color:'...
#pre{{
var route = Ti.Map.createRoute({
color: 'red',
points: points,
width: 4,
});
map.addRoute(route);
}}
~
２つ目「map.addRoute({...});」
#pre{{
var route = Ti.Map.createRoute({
color: 'blue',
points: [{latitude:geo.lat, longitude:geo.lng...
width: 4,
});
map.addRoute(route);
}}
*リンク
-SIZE(30){[[Geocoding.jp>http://www.geocoding.jp]]} ... ☆...
-[[Titanium MobileのGeocodingで日本語を扱う | Selfkleptom...
-[[iOSとAndroidで地図アプリ（Google Maps）を起動 | SE奮闘...
-[[どっちのOSでも位置情報を連続取得！ | ビスタのTitanium...
-[[緯度・経度から二点間の距離と方向を計算する | それはBoo...
-[[benbahrenburg/Ti.Geocoder | GitHub>https://github.com/...
-[[富豪実装なJavaScriptジオコーダーを作ってみた | Qiita>h...
-[[Titanium module: TiGeocoder • gitTio>http://gitt...
-[[Titanium module: TiGeoVisits • gitTio>http://git...
-[[Titanium module: Ti.GeoTools • gitTio>http://git...
-[[Titanium module: Ti.LatLon • gitTio>http://gitt....
ページ名:
