经纬志
首页 / OpenLayers / 使用示例

地图状态链接

把缩放与中心写进 URL 哈希,打开链接即可还原视角。

OpenLayers 10.3.1 · 对应官方 link.html · 更新 2026-10-28
源码与运行效果
运行效果

说明

把 zoom、纬度、经度写进 URL 哈希,是地图分享最轻量的方案。示例在 moveend 时用 replaceState 更新地址,不产生历史记录。

打开带哈希的链接时先解析再建视图,非法值回落到默认视角;复制当前链接按当前视图重新拼接。

操作结果
平移缩放地址栏哈希实时变化
复制当前链接新标签打开还原视角
回到初始视角动画复位到默认中心与级别

哈希保留五位小数足够精确到米级,位数太多会让链接变长且看不出差别。