首页 / OpenLayers / 使用示例
`r`n 图层放大镜
在指针周围开一个圆窗,透过它看另一套配色的图层。
`r`n
源码与运行效果
说明
放大镜的实现是「叠一层、裁一个洞」:上层是反色后的 OSM 影像,
在 prerender 里以指针位置为圆心裁剪圆形,
指针移动时记录像素坐标并调用 layer.changed() 重绘。
指针离开地图时把裁剪路径换成整幅画布,上层就等于透明消失, 因此不需要额外增删图层。
| 操作 | 结果 |
|---|---|
| 在地图上移动指针 | 圆窗跟随指针,显示反色影像 |
| 拖动半径滑块 | 圆窗变大或变小 |
| 指针移出地图 | 圆窗消失,只留底图 |
每帧裁剪都会整层重绘,拖动手感变差时应把上层换成更轻的源,或在指针静止后再更新位置。