在href元素上打开Goog​​le地图（IOS和Android）

Question

我想通过单击移动设备上的元素来打开Goog​​le地图。

<a href="geo:50.060915,19.948066"><img src='/img/pin.svg'></a>

这是我的代码。它可以在Android设备上运行，但不能在苹果设备上运行。所以这是我的问题，如何要求在这两个设备上打开地图？

Answer 1

要在iOS设备（或Mac）上打开“地图”，请使用：

http://maps.apple.com/?ll=50.060915,19.948066

我认为您必须编写一些JavaScript来确定平台，然后打开两个URL之一。

通常如下所示：

var ua = navigator.userAgent.toLowerCase();
var isAndroid = ua.indexOf("android") > -1;
if(isAndroid) {
  window.location = 'geo:50.060915,19.948066';
}
else {
  window.location = 'http://maps.apple.com/?ll=50.060915,19.948066';
}

将其放在onclick处理程序中a，您就可以设置了！