1.1.0 • Published 7 years ago

ol-control-bzoomslider v1.1.0

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

openlayers 扩展 zoomSlider控件

Build Status NPM

提供地图滑动缩放和平移,支持openlayers3+ 以上。

build

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


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

Use

new ol.control.BZoomSlider(options) or new olControlBZoomSlider(options)

CDN

https://unpkg.com/ol-control-loading@1.1.0/dist/ol-control-BZoomSlider.min.js
https://unpkg.com/ol-control-loading@1.1.0/dist/ol-control-BZoomSlider.js
https://unpkg.com/ol-control-loading@1.1.0/dist/ol-control-BZoomSlider.css
https://unpkg.com/ol-control-loading@1.1.0/dist/ol-control-BZoomSlider.min.css

NPM

npm install ol-control-bzoomslider --save
import 'ol-control-bzoomslider'
new ol.control.BZoomSlider()

// or

import olControlBZoomSlider from 'ol-control-loading'
new olControlBZoomSlider()

Examples

demo

其他示例请参看example文件夹

Parameters:

keytypedesc
classNameString插件dom类名,默认值为 hmap-zoom-slider
durationNumber动画过渡时间 ,默认 200
pixelDeltaNumber平移的像素距离,默认 128
renderFunction渲染函数
targetString目标dom

Extends

ol.control.Control

setMap(map)

设置当前地图实例

Parameters:
keytypedesc
mapol.Map地图实例