使用 phonegap 添加地图功能答案

【问题标题】：Adding map functionality with phonegap使用 phonegap 添加地图功能
【发布时间】：2013-07-22 08:52:17
【问题描述】：

您好，我正在使用 Durandal 框架开发一个 javascript 繁重的 SPA 应用程序，该框架将使用 phonegap 进行包装。

我对 phonegap 很陌生，所以当我浏览文档时，我可能会错过解决问题的方法。

在我的应用程序中，我将有几个地方，用户将在其中单击地址，并且应该将用户带到设备的默认地图应用程序。

例如：如果我使用的是 Android 平台，而谷歌地图是我的默认地图应用程序，我希望它会带我到那个应用程序，但如果我使用 iPhone，我希望它会带我到默认的地图应用程序，即为 iPhone 设置。

这可以使用 phonegap 完成吗？谢谢。

【问题讨论】：

您需要编写一个简单的插件来调用可以接受地图/位置意图的应用程序。 Phonegap 不提供执行此操作的直接 API。

标签： cordova

【解决方案1】：

是的，可以这样做：

if(navigator.userAgent.indexOf("Android") != -1) {
    // source addr is car addr and destination addr is current addr
    url = "http://maps.google.com/maps?saddr=" + position.coords.latitude + "," + position.coords.longitude + "&daddr="+sourceLat + "," +sourceLong ;

} else if (navigator.userAgent.indexOf("iPhone") != -1) {
    url = "maps:saddr=" +position.coords.latitude + "," + position.coords.longitude + "&daddr=" + sourceLat + "," + sourceLong;             
}

并在 webApp 浏览器中打开此 URL。

【讨论】：