地图方案实测

阳朔行程 · 当地接驳 · 手机版对照

→ 看方案 B:高德底图 + 自绘标注(第 6 节)

真底图 + 6 个标记 + 距离标注,运行时零依赖。刚做出来的,也是目前最推荐的方案。

→ 看无极缩放地图(最新,推荐)

滚轮/双指连续缩放、拖动平移、卫星切换 —— 与高德同一套原理。 996 张瓦片自托管,访客打开时不请求高德。

结论先说:高德有官方 iframe 嵌入接口,而且官方文档明确说手机上能正常打开。 之前那次失败是因为我用了错的 URL —— 正确格式是从高德帮助页里抠出来的。

1高德嵌入 · 视野模式

只显示地图视野,无标记。拖动、双指缩放、左下角可切卫星图。

正常的话能看到 阳朔站(右上)和 阳朔县(中下),中间那片空白就是 34 公里。
如果这里是灰色或空白的,说明高德嵌入在你的手机浏览器上确实有问题 —— 那方案 C 就不可行,只能走 A 或 B。请把看到的情况告诉我。

2高德嵌入 · 地点模式

带标记和名称卡片,但一次只能标一个点

这是关键局限:官方嵌入只支持单点一条路线, 没有「多标记」模式。你要的 6 个点(阳朔站 / 六峒酒店 / 金龙桥 / 旧县 / 依山云水 / 瑞士奶酪) 没法在一张官方嵌入地图上同时标出来。

3自绘示意图

6 个点全在一张图上,带距离与交通标注。没有真实底图。

22–30 km 出租车 / 网约车 · 40–50 min 约 10 km 小电驴 · 30 min 漂流 90 min 遇龙河竹筏 · 9 个冲坝 约 5 km 小电驴 · 15–20 min 约 10 km 小电驴 · 30–40 min 34.2 km 出租车 / 网约车 · 约 50 min 阳朔站 六峒酒店 金龙桥码头 旧县码头 依山云水 瑞士奶酪岩场 5 km
往返车站(远程) 小电驴 / 网约车 遇龙河竹筏段

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 个标记,运行时零依赖。 代价是底图变静态(不能拖拽),且这类用法处于高德服务条款的灰色地带,需要你判断。