ol-interaction-layerspyglass

openlayers 扩展图层滤镜功能

提供图层滤镜功能（参考openlayers官方示例）

build

重要: Github 仓库的 /dist 文件夹只有在新版本发布时才会更新。如果想要使用 Github 上最新的源码，你需要自己构建。

---

git clone https://github.com/aurorafe/ol-interaction-LayerSpyglass.git
npm install
npm run dev
npm run build

Use

ol.interaction.LayerSpyglass(options)

tip: 需要放到滤镜中的图层必须显示的定义visible为不可见。

CDN

https://unpkg.com/ol-interaction-layerspyglass@1.0.1/dist/ol-interaction-LayerSpyglass.min.js
https://unpkg.com/ol-interaction-layerspyglass@1.0.1/dist/ol-interaction-LayerSpyglass.js

NPM

npm install ol-interaction-layerspyglass --save
import 'ol-interaction-layerspyglass'

Examples

其他示例请参看example文件夹

options:

key	type	desc
spyLayer	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	地图实例