← 返回对比首页
方案 B+ · 可缩放 + 卫星切换
高德底图(自托管)+ OSRM 真实路面路线 + 自绘标注
z11 · 路网
有什么:右上角 +/- 缩放(3 档),「卫星」切底图,地图可拖动。
路线是 OSRM 算出的真实路面走法,不是直线;竹筏段(金龙桥→旧县)走的是河,画成波浪线区分。
底图自托管:瓦片由我在构建时抓取拼接成 PNG 存进站点,访客打开时不请求高德。
没 JS 也能用:默认渲染的是一张完整静态地图,交互只是增强。
数字用你行程里的,形状用地图真实的:标注上的距离/耗时取自你的行程表;
路线形状取自 OSRM。两者不完全吻合 —— OSRM 实算「依山云水→瑞士奶酪岩场」4.0 km(你写约 10 km)、
「依山云水→阳朔站」47.3 km(你写 34.2 km),说明这两个点的坐标还偏,需要你确认。