2014-10-22 136 views
2

使用PhoneGap構建應用程序。在這個應用程序我想創建一個地理鏈接。 PhoneGap確實打開了地圖上的正確位置,但地圖不是Google地圖或Apple地圖。相反,它會打開一張奇怪的外觀地圖。PhoneGap地理位置:href到Google地圖

我使用AngularJS作爲一個框架

現在,我使用這個:

<a href="geo:53.33196,6.92583">View on Google Maps</a> 

有沒有一種方式,應用程序將開闢從Play商店下載的谷歌地圖?

謝謝!

+0

所用的設備要測試? Android還是Apple? – AAhad 2014-10-22 07:25:37

+0

我首先在Android上進行測試 – 2014-10-22 07:27:24

+0

您是否在設備上安裝了Google Maps App? – AAhad 2014-10-22 07:28:29

回答

5

嘗試以下添加到config.xml中

<access origin="geo:*" launch-external="yes"/> 

而且試試這個:

  1. 創建JS自定義函數,並用它來打開默認的地圖應用程序在設備上

    var app = { 
        initialize: function() { 
        this.bindEvents(); 
    },   
    bindEvents: function() { 
        document.addEventListener('deviceready', this.onDeviceReady, false); 
    },   
    onDeviceReady: function() { 
        app.receivedEvent('deviceready'); 
    }, 
    openNativeAppWindow: function(data) { 
        window.open(data, '_system'); 
    } 
    

    };

  2. 您要調用的地方地圖鏈接然後將數據傳遞給您的自定義網址,並讓它打開本地瀏覽器窗口,這反過來將推動本地地圖應用程序來處理特殊的URL。

幾個例子:

<input type="button" onClick="app.openNativeAppWindow('http://google.com')" value="Open Google"/> 
      <br><br><a onClick="app.openNativeAppWindow('geo://0,0?q=dallas')" data-rel="external">google maps</a> 
      <br><br><a onClick="app.openNativeAppWindow('geo:0,0?q=Bacau')">Geolocation Test</a> 
      <br><br><a onClick="app.openNativeAppWindow('geo:0,0?q=34.99,-106.61(Treasure)')">longitude & latitude with a string label</a> 
      <br><br><a onClick="app.openNativeAppWindow('geo:0,0?q=1600+Amphitheatre+Parkway%2C+CA')">street address Test</a> 
+0

試試這個,讓我知道 – AAhad 2014-10-22 07:35:04

+0

它做到了!我剛剛編輯了https://maps.google.com/的鏈接,因此我可以更好地控制地圖 – 2014-10-22 07:42:01