You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

在Chrome/HTML5中点击地址能否打开地图应用?

实现网页地址打开地图应用的方案

首先,现代浏览器并没有像tel:那样通用的map:协议(你尝试的map:并非标准协议,多数浏览器不支持)。目前主流的最简实现方案分为两种:

1. 使用标准geo:协议

这是W3C定义的地理定位URI协议,支持绝大多数现代浏览器和移动设备,能直接唤起系统默认地图应用,是最接近tel:的通用方案:

<a href="geo:36.169941,-115.139830?q=123 Main St Las Vegas, NV 89139">
123 Main St
Las Vegas, NV 89139
</a>
  • 可以直接用地址字符串作为q参数,部分设备会自动解析地址为经纬度坐标;也可以先提供经纬度再附加地址信息
  • 优势:无需依赖第三方服务,系统原生支持,跨平台体验统一

2. 使用平台专用地图链接(兼容更多场景)

如果需要更精准的控制(比如指定导航模式、缩放级别)或兼容老旧设备,可使用谷歌地图、苹果地图的专用链接:

谷歌地图

<a href="https://www.google.com/maps/search/?api=1&query=123 Main St Las Vegas, NV 89139">
123 Main St
Las Vegas, NV 89139
</a>

苹果地图

<a href="http://maps.apple.com/?q=123 Main St Las Vegas, NV 89139">
123 Main St
Las Vegas, NV 89139
</a>
  • 移动端会自动唤起对应地图APP,桌面端则打开网页版地图
  • 可通过添加额外参数实现更多功能,比如dirflg=d指定驾车导航模式

总结:优先选择geo:协议实现通用唤起;若需定制化功能,再考虑平台专用链接。

内容的提问来源于stack exchange,提问作者user19634493

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.19 20:50:25