openlayers 扩展图层放大镜功能
提供图层滤镜功能（参考openlayers官方示例）
build
重要: Github 仓库的 /dist 文件夹只有在新版本发布时才会更新。如果想要使用 Github 上最新的源码，你需要自己构建。
git clone https://github.com/aurorafe/ol-interaction-LayerMagnify.gitnpm installnpm run devnpm run buildUse
ol.interaction.LayerMagnify(options)
CDN
https://unpkg.com/ol-interaction-layermagnify@1.0.0/dist/ol-interaction-LayerMagnify.min.jshttps://unpkg.com/ol-interaction-layermagnify@1.0.0/dist/ol-interaction-LayerMagnify.jsNPM
npm install ol-interaction-layermagnify --saveimport 'ol-interaction-layermagnify'Examples
其他示例请参看example文件夹
options:
| key | type | desc |
|---|---|---|
magnifyLayer |
Object |
放大镜中图层 |
radius |
Number |
放大镜半径，默认 75 |
minRadius |
Number |
放大镜可调整最小半径，默认 25 |
maxRadius |
Number |
放大镜可调整最大半径，默认 150 |
lineWidth |
Number |
放大镜边框宽度，默认 5 |
strokeStyle |
String |
放大镜默认边框颜色，默认 rgba(0, 0, 0, 0.5) |
zoomInKeyCode |
Number |
键盘控制滤镜放大对应的keyCode，默认为 38 方向上 |
zoomOutKeyCode |
Number |
键盘控制滤镜缩小对应的keyCode，默认为 40 方向下 |
Extends
ol.interaction.Pointer
Methods
setMap(map)
设置当前地图实例
Parameters:
| key | type | desc |
|---|---|---|
map |
ol.Map |
地图实例 |