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

指针放大镜

独立小地图跟随指针,同步中心并把级别加三,局部细节即时放大。

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

说明

放大镜是一个独立的小地图,共享同一投影与数据源。指针移动时把小地图中心设成同一坐标、级别加三,再按像素位置摆放圆形窗口。

小地图关闭了交互与控件,只负责渲染;指针离开时隐藏窗口,拖拽过程中不更新,避免和地图平移抢事件。

操作结果
移动指针圆形窗口跟随光标
调整放大倍数细节尺度随之变化
取消勾选关闭放大镜并隐藏窗口

两个地图同时渲染会翻倍开销,放大镜尺寸要小,且只在指针移动时触发重绘。