a JavaScript library for openlayers extent
npm install 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.
!JS gzip size
> 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.
---
``bash`
git clone https://github.com/sakitam-fdd/ol-extent.git
npm install // or yarn
npm run dev
npm run build
current you can use
* unpkg.com /
* jsdelivr get the latest version of the resource。
`bash`
// 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
`bash`
npm install ol-extent --save
import ole 'ol-extent'
see examples folder
| control | introduction | doc |
| --- | --- | --- |
| ZoomMenu | zoom control | [ZoomMenu]() |
| ContextMenu | context menu control | [ContextMenu]() |
| CompareLayer | layer compare control | [CompareLayer]() |
| RotateControl | Rotate control | [RotateControl]() |
| Loading | loading control | [Loading]() |
| ZoomSlider | zoom and slider control | [ZoomSlider]() |
| FullScreen | fullscreen control | [FullScreen]() |
| LayerSwitcher | Layer switcher control | [LayerSwitcher]() |
| ScaleLine | ScaleLine control | [ScaleLine]() |
| MousePosition | Mouse position display control | [MousePosition]() |
| OverviewMap | OverviewMap control | [OverviewMap]() |
| Interaction | introduction | doc |
| --- | --- | --- |
| MeasureTool | measure tool | [MeasureTool]() |
| FreeHandCircle | Free circle (mainly for peripheral search) | [FreeHandCircle]() |
| LayerMagnify | Map magnifying mirror function | [LayerMagnify]() |
| layerSpyglass | Layer filter function | [layerSpyglass]() |
| name | introduction | doc |
| --- | --- | --- |
| CanvasLayer | The extended canvas layer based on Image layer can be used to extend the other custom rendering layers | [CanvasLayer]() |canvas
| DozensLayer | layer used to render large amounts of data | [DozensLayer]() |
| name | introduction | doc |
| --- | --- | --- |
| Baidu | bmap source | [Baidu]() |
| Gaode | amap source | [Gaode]() |
| Google | goolge source | [Google]() |
| name | introduction | doc |
| --- | --- | --- |
| Popover | Popover (support mark and minimization) | [Popover]() |
| tool | introduction | doc |
| --- | --- | --- |
| StyleFactory | Style processing tools (parse JSON storage style information) | [StyleFactory]() |
| layerUtils | Layer processing tool (related layer operation tool) | [layerUtils]() |
| utils | dom event` and other tools | [utils]() |