Ionic - Apple Maps App中的开放式导航方向

时间:2015-03-24 17:28:58

标签: ios cordova maps ionic-framework apple-maps

我有一个变量,目的地,我需要用引脚打开原生Apple Maps才能到达目的地。我已经尝试过这里解答的解决方案:Phonegap - Open Navigation Directions in Apple Maps App但这并没有奏效。 如果我到达" maps://xx.xxxx,yy.yyyy"在测试时通过浏览器打开一个" unsafe:/ maps://xx.xxxx,yy.yyyy"。它没有固定地图,它从未指向我选择的目的地。我该如何解决这个问题?

3 个答案:

答案 0 :(得分:8)

你可以尝试两件事

  1. 将此行添加到config.xml

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

  2. 使用带有_system选项的inAppBrowser插件:

    var ref = window.open('maps://?q=xx.xxxx,yy.yyy', '_system');

  3. 但你应该检查地图应用的网址方案 https://developer.apple.com/library/archive/featuredarticles/iPhoneURLScheme_Reference/MapLinks/MapLinks.html#//apple_ref/doc/uid/TP40007899-CH5-SW1

    如果您需要路线,请使用daddr=参数

答案 1 :(得分:8)

我使用LaunchNavigator cordova plugin轻松实现这个理想的结果。当与Geo-Location cordova插件配对时,这在iOS和Windows手机上效果最佳。

添加LaunchNavigator和Geo-Location Cordova插件:打开终端窗口,导航到项目目录的根目录并运行以下两个命令。

cordova plugin add cordova-plugin-geolocation
cordova plugin add uk.co.workingedge.phonegap.plugin.launchnavigator 

之后,我通过将以下代码添加到我的项目中来实现映射到给定纬度/经度的功能。

var latitude = 39.7392, longitude = -104.9903;
launchnavigator.navigate([latitude, longitude]);

或者我通过将以下代码添加到我的项目中来实现映射到地址字符串的功能。

var destination = "Denver, Colorado";
launchnavigator.navigate(destination);

我发现这是向移动应用最终用户提供“点击指示”功能的最简单方法。对于iOS,Android和Windows Phone应用程序,这适用于我(代码没有变化)。

答案 2 :(得分:0)

如果您有地址字符串,例如&#34; 24 Prince Street,New York,NY&#34;:

$scope.launchDirections = function(address) {
   window.location.href = "maps://maps.apple.com/?daddr=" + address;
}

如果你有长音,例如lat:-33.8880165,long:151.2310152:

$scope.launchDirections = function(lat, long) {
   window.location.href = "maps://maps.apple.com/?q=" + lat + "," + long;
}

然后在你的html中调用它:

<div ng-click="launchDirections(address)">Show Directions</div>