ȥå   Խ ʬ Хåå ź ʣ ̾ѹ   ñ측 ǽ   إ   ǽRSS

Titanium Mobile/Ͽ

Last-modified: 2016-07-05 () 05:29:12 (505d)

TitaniumǤϿɽˡ

TitaniumϿޤɽˡϿͭޤ̤ꤴҲ𤷤ޤ

ϿȤ߹ˡåǥå
Ti.Map⥸塼TitaniumɸϿ޵ǽǥץ뤬¿Ǥ
iOSAndroidǤۤƱץȤʤޤ
ԥ(Annotation)˭١ʥԥѤꡢԥ򥿥åȤΥƥȤޤӥ塼򳫤ʤɡ
ץǥǥ󥰤䤹ǤޤAlloyǥԥ񤯤Ȥǽ
⤷Apple MapsѤɬܤΤȤͣ
Ti 4.1.0ޥå׾˥饤󡦥ݥꥴ󡦥Ǥ褦ˤʤޤ
iOSǤϼApple MapsȤʤäƤޤޤ
Ͽޤ򥯥åΰ١٤Ǥޤ
TiGMap⥸塼(iOS)iOSGoogle MapsѤǤޤ
åĹ֤ΰ١٤Ǥޤ
ѷи̵᤽¾ܺ٤
iOSΤбǤΤǡAndroidǤTi.MapȤäƥץʬɬפޤ
ѷи̵᤽¾ܺ٤
WebViewGoogle MapsȤ߹ƱץiOSAndroidGoogle MapsѤǤޤ
Google Maps APIƿʵǽѤǤޤ㤨Хåΰ١٤ꡢϿޤ˥ݥꥴ褷ꡢηϩɽˡ
WebץGoogle Maps APIѤƤ볫ȯԤˤȤäƻȤ䤹Ǥ
Ʊ̤Ͽޤ򣲤֤Ǥޤ
ƱͤˡYahooϿ APIѤǤޤ
WebViewȤ߹ΤǡץΤȤϢȤʣȤʤޤ

(1) Ti.Map⥸塼ѤϿɽ

TitaniumɸŪϿɽˡǤiOSǤApple MapsAndroidǤ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ǥեȤAndroidGoogle MapsΥСϣǡ򣲤б뤿˥⥸塼Ȥ߹褦ѤäǤǶ¿ΥץǤAndroidΥ⥸塼Ȥ߹ߡiOSϥǥեȤTi.MapΤޤޤʬƤ褦ǤξԶ̤ǤΥ⥸塼Ѥ륽ǽ񤱤ޤ

(2) TiGMap⥸塼ѤϿɽ(iOS)

Objective-CGoogle MapsѤϡGoogle󶡤ΡGoogle Maps SDK for iOSפѤޤTiGMapϤSDKiOSTitaniumѥ⥸塼Ǥ

Google Maps API 褯 ¤αƶ Maps API ӥ򶵤ƤǡGoogle Earth API Android iOS ʤɤΥХ ץåȥե Maps API оݳǤGoogle ޥåפߵǽ䡢Ͽޤޤߵǽ󶡤뤽¾ Google ӥΤѤϡλ¤оݤȤϤʤޤ󡣡٤ͭΤǡѲ¤̵褦Ǥ

ѾΤ

ΤޤޤǤϥӥɤǤޤmodule.xcconfigΥѥ񤭴פޤ

⥸塼

(3) WebViewGoogle MapsȤ߹Ͽɽ

ܤapp_8.js, map.html򻲾ȤƤ

Google Maps JavaScript API v3 ¤ȹˤȡ90Ϣ³125,000ĶͭȤʤ褦Ǥ

ޥåץץ륽 by Ȭڻ

map_8WebViewGoogle MapsȤ߹ϿɽǤʳTi.Map⥸塼ѤϿɽǤʸ̩˸map_8Ti.Map⥸塼ѤƤޤ

app_1.js
ٷٸ֤Υޥåפɽ
app_2.js
֤߰Υޥåפɽ
app_3_1.js
֤߰˥ԥǤäޥåפɽ
app_3_2.js
֤߰˥ԥǤäޥåפɽ10˸֤߰Υԥɲ ... ºݤˤTi.Geolocation.getCurrentPositionϥå夵ΤǡȤʤǤ
app_4_1.js
֤߰νɽٷ٢ƥȤѴ(reverse geocoding)Google Maps APIѡTi.Geolocation.reverseGeocoderֵѤƥƤɤʤΤǡؤǤ

㤨ؤΰ١35.681382١139.766084ѴϼΤ褦ˤʤޤ
Ti.Geolocation.reverseGeocoderϼ֤ޤ
407, Ľٲ滰, Ķ (Chiyoda), ̳, 100-0005,
Google Maps APIϼ֤ޤ
, Ķݤ⣱ܣݣ
app_5_1.js
Ϥ̾ϿޤɽƥȢٷ٤Ѵ(forward geocoding)Google Maps APIѡTi.Geolocation.forwardGeocoderɤʤΤǡؤǤʹߤΥץǸܸ졢졢Ѹб
app_7.js
֤߰ΥޥåפɽGoogle Maps APIǤνƥȼդˡϤ̾˥ԥ֤֤߰ľɽ
app_7_1.js
app_7.jsεǽ˲äƻܥ򲡤Google Maps APIǤޤǤƻɸ롼Ȥɽ
ջࡧmap_8ξ٤üޤäŪϤޤãƤʤäꡢʤꤤøʥǡ֤뤳Ȥ뤽Ǥ
app_8.js, map.html
app_7_1.jsεǽ˲äƻܥ򲡤ȥ롼ȤWebView줿Google Mapsɽ
app_9.js
ԥ򥯥åȥå̤ɽ
app_10.js, arrow.gif
ǥѥɽ


աTi.Mapϥ⥸塼ȤȤ߹褦ѤäΤǡtiapp.xmlti.map⥸塼Ȥ߹ߡapp.jsƬ˼ιԤɲäƤ

Ti.Map = require('ti.map');


աAPIͤѤäᡢapp_7.js, app_8.jsǡmap.addRoute({...});פιԤϼΤ褦˽񤭴ɬפͭޤ

          var route = Ti.Map.createRoute({
            color: 'red',
            points: [{latitude:geo.lat, longitude:geo.lng}, {latitude:current_position.latitude,longitude:current_position.longitude}],
            width: 4,
          });
          map.addRoute(route);


աAPIͤѤäᡢapp_7_1.jsǼΤ褦˽񤭴ɬפͭޤ
ܡmap.addRoute({name:'ƻ', points:points, color:'Red'});

      var route = Ti.Map.createRoute({
        color: 'red',
        points: points,
        width: 4,
      });
      map.addRoute(route);


ܡmap.addRoute({...});

          var route = Ti.Map.createRoute({
            color: 'blue',
            points: [{latitude:geo.lat, longitude:geo.lng}, {latitude:current_position.latitude,longitude:current_position.longitude}],
            width: 4,
          });
          map.addRoute(route);