从 Angular JS 应用程序打开谷歌地图应用程序

Question

我正在使用cordova 构建一个JS 应用程序。当用户点击链接时，我想打开谷歌地图应用程序。

代码-

  $window.location.href =  'comgooglemaps://maps.google.com/maps?saddr=My+Location&daddr=' +  destinationAddress

目的地址是该地点的地址。

现在上面的代码在 ios 上运行良好，但谷歌地图在 android 上打不开。 从 documentation 看来，comgooglemaps 是 iOS 特定协议

我也试过Android - launch google map via web url中提到的地理网址如下

<a href="geo:53,-9?saddr=(53,-9)&daddr=(42,4)">Click here for route maps</a>

它打开谷歌地图应用程序但不显示路线。

有什么东西可以在安卓和iOS上运行

Answer 1

我通过以下 javascript 代码实现了这一点，在对我们的项目进行了大量研究后，我们发现简单地调用 maps.google.com 对所有人都适用：

1) 安卓
2) iOS
3) 网络浏览器... :)

$scope.showMap = function () {
           var link = ""+"http://maps.google.com/maps?saddr="+$scope.slat+","+$scope.slon+" &daddr="+$scope.dlat+","+$scope.dlon;
            // $location.path(link);
            window.location = link;
        }

在哪里：
$scope.slat = 源纬度坐标
$scope.slon = 源经度坐标
$scope.dlat = 目的地纬度坐标
$scope.dlon = 目的地经度坐标

代码已经过测试并且在以下位置可以正常工作：
iPhone 4、
iPad、
iPad 3、
Moto E、
索尼爱立信 Xperia、
Moto G

功能
最好的一点是，如果安装了设备，默认情况下会选择谷歌地图应用程序，否则它将在谷歌浏览器中打开，默认情况下所有安卓设备都有。