iPhone 网页版（Safari 或 Chrome）点击查看地图

Posted 2023-02-23

【中文标题】iPhone 网页版（Safari 或 Chrome）点击查看地图

【英文标题】：iPhone web (Safari or Chrome) click to view a map

【发布时间】：2015-02-06 21:58:59

【问题描述】：

从一个在 iPhone 上查看的网站，我想制作一个锚标记，当点击该标记时，它会将用户带到某个地址的地图。

如果 iPhone 安装了谷歌地图，我认为将它们带到谷歌地图会是理想的。如果没有安装 Google Maps，最好将用户带到 Apple Maps 应用程序，而不是 Google Maps 网站。

完成此任务的最佳方法是什么？是否可以通过 ios 网站中运行的 javascript 查询是否安装了 Google 地图应用？

【问题讨论】：

你可以用它来查看在ios上安装了哪些应用cocoacontrols.com/controls/ihasapp，并用它来启动应用到应用商店developer.apple.com/library/ios/qa/qa1629/_index.html

如何从网页中使用 coacoacontrols？作为网络发布者，我想提供 HTML/JavaScript 标记来做到这一点。我无法在网页访问者的手机上运行应用程序。

【参考方案1】：

iOS 不支持“检查”应用程序是否从网站安装，但您可以使用以下方法：

setTimeout(function ()  window.location = "googleMapsUrlHere"; , 25);
window.location = "appleMapsUrlHere";

谷歌地图网址：

comgooglemaps://?q=your_place_here

苹果地图网址：

https://maps.apple.com/?q=your_place_here

这将尝试打开 Google Maps，如果失败，将继续执行应该打开 Apple Maps 的第二行。

如果您想了解行车路线或更具体的控制，请参阅 Google 和/或 Apple 参考指南以了解其 URL 方案。