应使用语义化<a>标签直连地图URL，如href="geo:0,0?q=自提点"（Android）或href="https://maps.apple.com/?q=自提点"（iOS），并添加aria-label="查看附近自提点，将请求您的位置权限"，避免空链接或无效href，同时按运行环境（H5/公众号/小程序等）适配协议与fallback。
HTML里怎么写“查看附近自提点”链接
直接用 <a> 标签就行，但得带对语义和行为——它不是普通跳转，而是触发地图定位或唤起地图App。别用 href="#" 或空链接，否则对屏幕阅读器不友好，也影响SEO。
常见错误是只写文字不加 aria-label，或者 href 指向一个无意义的 /map 页面却没做实际地理能力支持。
- 优先用真实地理意图 URL：
href="https://maps.apple.com/?q=自提点"（iOS）或href="geo:0,0?q=自提点"（Android 原生地图） - 如果后端有自建地图页，确保该页已接入
navigator.geolocation并默认请求用户位置 - 必须加
aria-label="查看附近自提点，将请求您的位置权限"，避免纯图标或“点击查看”这种无效描述
geo: URL 在不同浏览器/设备上的表现差异
geo: 是最轻量的方案，但兼容性很碎。它在 Android Chrome、Firefox、Samsung Internet 上基本能唤起地图App；iOS Safari 则完全忽略，必须 fallback 到 Apple Maps 链接。
别指望 geo:0,0?q=自提点 在微信内置浏览器里正常工作——它大概率打开空白页或报错 Unsupported URL scheme。
立即学习“前端免费学习笔记（深入）”；
- Android 微信：支持
geo:，但需用户手动点“在地图中打开”二次确认 - iOS 微信：只认
https://maps.apple.com/或高德/百度的 scheme（如iosamap://），且需提前申请白名单 - 桌面端 Chrome：
geo:无反应，得 fallback 到网页地图
点击“查看附近自提点”没反应？检查这三处
不是代码写错了，往往是上下文环境断了。最常见的卡点不在 HTML 本身，而在权限、协议、或宿主环境限制。
- 页面没走 HTTPS：Chrome 和 Safari 会直接禁用
navigator.geolocation，导致自建定位逻辑失败 - 链接被 JS 拦截但没处理
preventDefault()，比如用onclick="jumpMap()"却忘了 return false - 微信公众号内嵌页未配置“地理位置”JS-SDK 权限，或没调用
wx.openLocation而是硬塞geo:
要不要用 JavaScript 主动获取位置再跳转
可以，但没必要一开始就上。用户点一次链接就弹两个权限请求（先浏览器定位，再地图App），体验极差。更稳妥的做法是：链接直连地图，等用户进地图页后再由地图App自己请求位置。
只有当你需要在跳转前做过滤（比如只显示 5km 内的自提点），才值得用 JS 先 navigator.geolocation.getCurrentPosition()，再拼 https://map.qq.com/?lat=xxx&lng=yyy。
- 注意
getCurrentPosition的timeout至少设为 10000，不然弱网下秒报错 - 别在
click回调里直接调用，要放在用户手势事件流中（如touchstart或click），否则 iOS Safari 会拒绝激活定位 - 失败时必须提供手动输入地址的备选入口，不能只留个“加载中…”
<a href="...">，而是搞懂你当前跑在哪——是 H5 页面？公众号？小程序 WebView？还是 PWA？每个环境对 geo:、定位 API、scheme 跳转的容忍度都差得远。 
