首页 / OpenLayers / 使用示例
视角书签
调试或巡检时常要在几个位置间来回，把中心、层级、旋转存成书签，点击即可回到原样。
源码与运行效果
说明
view.getCenter()、getZoom()、getRotation()
三个值足以还原视角，存进数组即可。恢复时调用
view.animate() 同时给出三个目标属性，过渡更自然。
书签按钮动态插入工具栏，按钮文本附带层级，便于区分相近位置。
| 操作 | 结果 |
|---|---|
| 移动或缩放后点「保存视图」 | 工具栏新增一个书签按钮 |
| 点击书签按钮 | 视图平滑回到保存时的位置与层级 |
| 点击「清空书签」 | 所有书签按钮移除 |
书签只存在内存中，刷新即丢失；需要持久化就序列化成 JSON 写入本地存储。