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

视图状态链接

把中心与级别写进地址栏,链接发出去就能还原视野。

OpenLayers 10.3.1 · 更新 2026-10-28
源码与运行效果
运行效果

说明

视野状态可以写进 URL:#map=zoom/lat/lon 是最常见的形式,刷新或分享后按同样参数还原。

启动时解析 hash,没有就用默认值;每次 moveend 更新 hash,用 replaceState 避免历史记录被刷满。

要点

  • 经纬度保留 4 位小数,约 10 米精度足够还原。
  • replaceState 失败时仍把链接显示在页面上。
  • 复制按钮在无剪贴板权限时退回显示完整地址。

参数顺序固定后,链接的可读性与解析逻辑都好维护。