2.0.1 • Published 6 years ago

ol-extent v2.0.1

Weekly downloads
4
License
MIT
Repository
github
Last release
6 years ago

ol-extent

a JavaScript library for openlayers extent, It is important to note that the current version has changed a lot You have to look at the examples or look at the relevant documents.

Build Status JS gzip size Npm package GitHub stars GitHub license

build

Important: The /dist folder of Github repositories will not be updated until the new version is released. If you want to use the latest source on Github, you need to build it yourself.


git clone https://github.com/sakitam-fdd/ol-extent.git
npm install // or yarn
npm run dev
npm run build

Install

CDN

current you can use

// jsdelivr (It is best to lock the version number for cache reasons)
https://cdn.jsdelivr.net/npm/ol-extent/dist/ol-extent.js
https://cdn.jsdelivr.net/npm/ol-extent/dist/ol-extent.css
https://cdn.jsdelivr.net/npm/ol-extent/dist/ol-extent.min.js
https://cdn.jsdelivr.net/npm/ol-extent/dist/ol-extent.min.css
// npm
https://unpkg.com/ol-extent/dist/ol-extent.js
https://unpkg.com/ol-extent/dist/ol-extent.css
https://unpkg.com/ol-extent/dist/ol-extent.min.js
https://unpkg.com/ol-extent/dist/ol-extent.min.css

NPM

npm install ol-extent --save
import ole 'ol-extent'

Examples

see examples folder

extent

Control

controlintroductiondoc
ZoomMenuzoom controlZoomMenu
ContextMenucontext menu controlContextMenu
CompareLayerlayer compare controlCompareLayer
RotateControlRotate controlRotateControl
Loadingloading controlLoading
ZoomSliderzoom and slider controlZoomSlider
FullScreenfullscreen controlFullScreen
LayerSwitcherLayer switcher controlLayerSwitcher
ScaleLineScaleLine controlScaleLine
MousePositionMouse position display controlMousePosition
OverviewMapOverviewMap controlOverviewMap

Interaction

Interactionintroductiondoc
MeasureToolmeasure toolMeasureTool
FreeHandCircleFree circle (mainly for peripheral search)FreeHandCircle
LayerMagnifyMap magnifying mirror functionLayerMagnify
layerSpyglassLayer filter functionlayerSpyglass

Layer

nameintroductiondoc
CanvasLayerThe extended canvas layer based on Image layer can be used to extend the other custom rendering layersCanvasLayer
DozensLayercanvas layer used to render large amounts of dataDozensLayer

Source

nameintroductiondoc
Baidubmap sourceBaidu
Gaodeamap sourceGaode
Googlegoolge sourceGoogle

Overlay

nameintroductiondoc
PopoverPopover (support mark and minimization)Popover

Tools

toolintroductiondoc
StyleFactoryStyle processing tools (parse JSON storage style information)StyleFactory
layerUtilsLayer processing tool (related layer operation tool)layerUtils
utilsdom event and other toolsutils

Resources

changelog

detail

2.0.1

6 years ago

2.0.0

6 years ago

1.1.4

6 years ago

1.1.3

7 years ago

1.1.2

7 years ago

1.1.1

7 years ago

1.0.0

7 years ago