1.0.0 • Published 7 years ago

ol-interaction-layermagnify v1.0.0

Weekly downloads
7
License
MIT
Repository
github
Last release
7 years ago

openlayers 扩展图层放大镜功能

Build Status NPM

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

build

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

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

Use

ol.interaction.LayerMagnify(options)

CDN

https://unpkg.com/ol-interaction-layermagnify@1.0.0/dist/ol-interaction-LayerMagnify.min.js
https://unpkg.com/ol-interaction-layermagnify@1.0.0/dist/ol-interaction-LayerMagnify.js

NPM

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

Examples

demo

其他示例请参看example文件夹

options:

keytypedesc
magnifyLayerObject放大镜中图层
radiusNumber放大镜半径，默认 75
minRadiusNumber放大镜可调整最小半径，默认 25
maxRadiusNumber放大镜可调整最大半径，默认 150
lineWidthNumber放大镜边框宽度，默认 5
strokeStyleString放大镜默认边框颜色，默认 rgba(0, 0, 0, 0.5)
zoomInKeyCodeNumber键盘控制滤镜放大对应的keyCode，默认为 38 方向上
zoomOutKeyCodeNumber键盘控制滤镜缩小对应的keyCode，默认为 40 方向下

Extends

ol.interaction.Pointer

Methods

setMap(map)

设置当前地图实例

Parameters:
keytypedesc
mapol.Map地图实例
openlayersmapinteractionlayermagnify
nature-dom-utilopenlayers
@zalastax/nolb-ol@everything-registry/sub-chunk-2373
1.0.0

7 years ago