首页 / OpenLayers / 使用示例
地图状态链接
把缩放与中心写进 URL 哈希,打开链接即可还原视角。
源码与运行效果
说明
把 zoom、纬度、经度写进 URL 哈希,是地图分享最轻量的方案。示例在 moveend 时用 replaceState 更新地址,不产生历史记录。
打开带哈希的链接时先解析再建视图,非法值回落到默认视角;复制当前链接按当前视图重新拼接。
| 操作 | 结果 |
|---|---|
| 平移缩放 | 地址栏哈希实时变化 |
| 复制当前链接 | 新标签打开还原视角 |
| 回到初始视角 | 动画复位到默认中心与级别 |
哈希保留五位小数足够精确到米级,位数太多会让链接变长且看不出差别。