PhoneGap geo:href to google maps

时间:2014-10-22 07:17:34

标签: angularjs google-maps cordova

我使用PhoneGap构建应用程序。在这个应用程序中,我想创建一个地理链接。 PhoneGap会打开一张地图上有正确位置的地图,但地图不是Google地图或Apple地图。相反,它打开了一个奇怪的地图。

我正在使用AngularJS作为框架

现在我正在使用它:

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

该应用是否可以打开从Play商店下载的Google地图?

谢谢!

1 个答案:

答案 0 :(得分: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. 您正在调用地图链接的位置,然后使用数据传递您的自定义网址,并让它打开本机浏览器窗口,这反过来将推动本机地图应用程序处理特殊网址。

    < / LI>

    几个例子:

    <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>