创建一个链接，可在任何设备上打开相应的地图应用程序，并提供前往目的地的路线

我宁愿认为这并不难找到，但看起来像您所期望的那样，找到一篇很棒的跨设备文章并不容易。

我想创建一个链接，打开移动设备的浏览器并浏览谷歌地图，或者打开地图应用程序（Apple 地图或谷歌地图）并直接开始路线，即：从当前位置开始，在给定点结束（纬度/经度）。

我可以在两个设备（除了浏览器堆栈）上进行测试：Android 和 iPhone。

以下链接仅适用于 Android：

<a href="http://maps.google.com/maps?daddr=lat,long&amp;ll=">Take me there!</a>

在 iPhone 的 Chrome 中点击此链接，会奇怪地打开桌面版 Google 地图，并在移动应用程序上显示广告......

这个仅适用于 iOS，打开 Apple 地图要求我输入起始位置（我可以选择“当前位置”）并开始路线 = 所需的行为。在 Android 上点击此链接完全失败：

<a href="maps://maps.google.com/maps?daddr=lat,long&amp;ll=">Take me there!</a>

注意maps://协议。

是否有一种优雅的跨设备方式来创建此类链接？一个链接适用于所有主要手机？

Thanks

更新：找到解决方案（有点）

这是我的想法。尽管它正在发挥作用，但它并不完全是我想象的那样。

var ua = navigator.userAgent.toLowerCase(),
    plat = navigator.platform,
    protocol = '',
    a,
    href;

$.browser.device = ua.match(/android|webos|iphone|ipad|ipod|blackberry|iemobile|opera/i) ? ua.match(/android|webos|iphone|ipad|ipod|blackberry|iemobile|opera/i)[0] : false;


if ($.browser.device) {
    switch($.browser.device) {
        case 'iphone':
        case 'ipad':
        case 'ipod':
            function iOSversion() {
              if (/iP(hone|od|ad)/.test(navigator.platform)) {
                // supports iOS 2.0 and later: <http://bit. ly/TJjs1V>
                var v = (navigator.appVersion).match(/OS (\d+)_(\d+)_?(\d+)?/);
                return [parseInt(v[1], 10), parseInt(v[2], 10), parseInt(v[3] || 0, 10)];
              }
            }

            var ver = iOSversion() || [0];

            if (ver[0] >= 6) {
              protocol = 'maps://';
            }
            else {
                protocol = 'http://maps.google.com/maps';
            }
        break;

        case 'android':
        default:
            protocol = 'http://maps.google.com/maps';
        break;
    }

a.attr('href', protocol + href)

the maps://协议是苹果地图应用程序的 url 方案，该应用程序仅在 iOS 6 或更高版本上开始工作。有多种方法可以测试 gmaps 是否已安装，然后选择如何处理 url，但这对于我的意图来说有点太多了。所以我最终使用上述参数创建了一个maps：//或maps.google.com/链接。

** 更新 **

sadly, $.浏览器.设备自 jquery 1.9 起不再工作 （来源 -http://api.jquery.com/jquery.browser http://api.jquery.com/jquery.browser )

我很少使用手机，所以我不知道这是否有效。但仅从 html/javascript 的角度来看，您可以根据用户的设备打开不同的 url 吗？

<a style="cursor: pointer;" onclick="myNavFunc()">Take me there!</a>

function myNavFunc(){
    // If it's an iPhone..
    if( (navigator.platform.indexOf("iPhone") != -1) 
        || (navigator.platform.indexOf("iPod") != -1)
        || (navigator.platform.indexOf("iPad") != -1))
         window.open("maps://www.google.com/maps/dir/?api=1&travelmode=driving&layer=traffic&destination=[YOUR_LAT],[YOUR_LNG]");
    else
         window.open("https://www.google.com/maps/dir/?api=1&travelmode=driving&layer=traffic&destination=[YOUR_LAT],[YOUR_LNG]");
}