[Hack]用tutanium模擬簡單的google map

LINEで送る
[`evernote` not found]

相信很多換了iphone5的人都跟我一樣,覺得ios6的地圖實在是很難用!
不要說地圖上的資訊少就算了,錯誤連篇才是最讓人困擾的地方!像是莫名其妙多出一個「小剛珠鋼彈車站」(其實是以前的小剛珠店),又或是20年前就鋪好的路居然在ios6的地圖上還是一片空地….啪啦啪啦真的是不勝枚舉。
然後終於在前幾天看到有人說google已經把自家制的map app遞交apple準備上架,還沒開心完今天又傳google出來否認的這件事情。搞得我一個心上上下下好不心煩。乾脆就用tutanium來模擬出一個簡單的google map來墊著用用看嚕~

其實在之前也很多人提供了用「桌面書籤」的方式把google MAP移到桌面來用,但是,其實我最常用的部份是拿google map來找路,如果地圖不行標出正確的北方,那真的是有點難用。而透過Titanium.Geolocation的事件,可以達到讓地圖旋轉的目的。搜尋的部份也很陽春,說穿了就是把搜尋的字串帶到”maps.google.com?q=’xxx'”中而已。並沒有辦法像以前做很精準的查詢,但都說是「墊」一下了,就先將就著用用吧~

7 則迴響於《[Hack]用tutanium模擬簡單的google map

  1. sorry~ 不知為何沒出現正確的三行~
    首先是這樣子的,我是使用Google Map Android API V2,
    我不知我的哪個步驟有做錯~我用Titanium裡的Distribute產生apk安裝後,
    地圖圖資就是顯示不出來。
    我的步驟如下:
    1.我在 APIs Console開啟了Google Maps API v2功能。
    2.產生了keystore,並得到了fingerprints,在APIs Console下面點選 Create new Android Key…
    3.輸入 產生keystore時得到的 fingerprints key;我的Application Id
    4.得到API Key
    5.在Titanium的tiapp.xml輸入
    property name=”ti.android.google.map.api.key”>產生的api key產生的api key產生的api key</property

    p.s. 我先拿掉 怕這裡語法被吃掉

    6.再使用TItanium distribute產生apk檔安裝到實機

    不知哪個環節有出錯,地圖就是無法呈現出來@@

    • 第5點語法又被吃掉了= =”
      那三行是
      property name=”ti.android.google.map.api.key” 產生的api key產生的api key產生的api key
      property name=”ti.android.google.map.api.key.production” 產生的api key
      property name=”ti.android.google.map.api.key.development” 產生的api key

      皆在 property屬性裡

      • 你是在哪邊把地圖實體化的?
        你用的方式跟我的不太一樣,我是直接用webview去載入google map,然後操作都是用url的參數的方式,有點像是視覺欺騙啦。

        你的方式應該沒有什麼大問題,不過只有看到設定,所以要看看你在哪邊實體化的?
        我現在在等應該會有高手寫出alloy用的google map的widget。既然TI已經升級3.0了。我想應該以有更快跟更好的作法。(或許還可以用最新的2.5D視覺圖勒)

        • 我的地圖就是下:
          var mapView = Titanium.Map.createView({
          mapType : Titanium.Map.STANDARD_TYPE,
          animate:true,
          regionFit:true,
          userLocation:true,
          left : 0,
          top : 0,
          height : ‘100%’,
          width : ‘100%’
          });

          win.add(mapView);

          新版的v3就是用url方式去呈現,
          但之前我用新版的發現問題就是我使用之後,在webview托拉會出現
          Miss a drag as we are waiting for WebCore’s response for touch down. 的WARN
          我原本是用一個html內js去call google map的url
          然後使用titanium傳webview的大小到html內的js控製呈現大小,
          但發現我若拉小的話 地圖不會正常的縮小,所以才改舊版的用Titanium.Map.createView,
          但目前就是遇到上述的問題無法解決@~@ 所以才請教您 謝

          • 我記得現在用Titanium.Map建出來的地圖會是apple地圖耶!

            我之前另一app是這樣宣告的:
            var mapview = Titanium.Map.createView({
            mapType: Titanium.Map.STANDARD_TYPE,
            region: {latitude:mapcenterLat, longitude:mapcenterLong, latitudeDelta:mapcenterZoom, longitudeDelta:mapcenterZoom},
            animate:true,
            regionFit:true,
            userLocation:true,
            });
            win.add(mapview);

            tiapp.xml只有這一行

            <property name="ti.android.google.map.api.key.development">xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</property>
            (↑用<pre lang="xml"></pre>包起來就可以顯示了)

            不過現在已經變成apple地圖了!所以我才在之前用這篇文章的方式模擬一個來墊著用。
            你參考看看吧

  2. 你好
    我想請問若在titanium 使用google map api v2,
    產生的api key之後,
    在tiapp.xml內加入
    產生的api key
    產生的api key
    產生的api key

    這樣發佈道手機測試(還未上架的情況之下),
    這樣能夠看得到地圖圖資嗎?
    謝謝

回應已關閉。