在 href 元素上打开谷歌地图（IOS 和 Android）

Question

我想通过点击移动设备上的元素来打开谷歌地图。

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

这是我的代码。它适用于 Android 设备，但不适用于 Apple 设备。所以这是我的问题，如何要求在这两种设备上打开地图？

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';
}

将其放入 a 的 onclick 处理程序中，您就设置好了！