`r`n
经纬志
`r`n
`r`n
首页 / OpenLayers / 使用示例
`r`n

图层放大镜

在指针周围开一个圆窗,透过它看另一套配色的图层。

OpenLayers 10.3.1 · 更新 2026-10-27
`r`n
源码与运行效果
运行效果
`r`n

说明

放大镜的实现是「叠一层、裁一个洞」:上层是反色后的 OSM 影像, 在 prerender 里以指针位置为圆心裁剪圆形, 指针移动时记录像素坐标并调用 layer.changed() 重绘。

指针离开地图时把裁剪路径换成整幅画布,上层就等于透明消失, 因此不需要额外增删图层。

操作结果
在地图上移动指针圆窗跟随指针,显示反色影像
拖动半径滑块圆窗变大或变小
指针移出地图圆窗消失,只留底图

每帧裁剪都会整层重绘,拖动手感变差时应把上层换成更轻的源,或在指针静止后再更新位置。

`r`n
`r`n