地图方案实测
阳朔行程 · 当地接驳 · 手机版对照
→ 看方案 B:高德底图 + 自绘标注(第 6 节)
真底图 + 6 个标记 + 距离标注,运行时零依赖。刚做出来的,也是目前最推荐的方案。
→ 看无极缩放地图(最新,推荐)
滚轮/双指连续缩放、拖动平移、卫星切换 —— 与高德同一套原理。
996 张瓦片自托管,访客打开时不请求高德。
结论先说:高德
有官方 iframe 嵌入接口,而且官方文档明确说
手机上能正常打开。
之前那次失败是因为我用了错的 URL —— 正确格式是从
高德帮助页里抠出来的。
1高德嵌入 · 视野模式
只显示地图视野,无标记。拖动、双指缩放、左下角可切卫星图。
正常的话能看到 阳朔站(右上)和 阳朔县(中下),中间那片空白就是 34 公里。
如果这里是灰色或空白的,说明高德嵌入在你的手机浏览器上确实有问题 ——
那方案 C 就不可行,只能走 A 或 B。请把看到的情况告诉我。
2高德嵌入 · 地点模式
带标记和名称卡片,但一次只能标一个点。
这是关键局限:官方嵌入只支持单点或一条路线,
没有「多标记」模式。你要的 6 个点(阳朔站 / 六峒酒店 / 金龙桥 / 旧县 / 依山云水 / 瑞士奶酪)
没法在一张官方嵌入地图上同时标出来。
3自绘示意图
6 个点全在一张图上,带距离与交通标注。没有真实底图。
往返车站(远程)
小电驴 / 网约车
遇龙河竹筏段
4嵌入接口怎么用
官方只提供「在高德网页版点分享→嵌入地图→复制 HTML」,不公开参数文档。但地址格式可以直接拼:
https://www.amap.com/ssr/embed/view?lng=经度&lat=纬度&zoom=缩放&platform=pc
https://www.amap.com/ssr/embed/place?name=名称&lng=经度&lat=纬度&zoom=缩放&platform=pc
| 模式 | 路径 | 能否多标记 |
| 视野 | /ssr/embed/view | 无标记 |
| 地点 | /ssr/embed/place | 单个 |
| 搜索 | /ssr/embed/search | 关键词结果 |
| 公交 | /ssr/embed/busline | 线路站点 |
5怎么选
A · 自绘(第 3 节):6 点全、距离交通全、零依赖。缺真实底图。
C · 官方嵌入(第 1、2 节):真地图、可缩放。但只能标 1 个点,且依赖高德。
B · 自托管底图 + 自绘标注:把高德视野模式的地图截下来存进网站,
再把我自绘的点位、连线、距离叠上去 —— 真底图 + 6 个标记,运行时零依赖。
代价是底图变静态(不能拖拽),且这类用法处于高德服务条款的灰色地带,需要你判断。