ol-extent

a JavaScript library for openlayers extent

Usage no npm install needed!

<script type="module">
  import olExtent from 'https://cdn.skypack.dev/ol-extent';
</script>

README

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

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

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

Layer

name introduction doc
CanvasLayer The extended canvas layer based on Image layer can be used to extend the other custom rendering layers CanvasLayer
DozensLayer canvas layer used to render large amounts of data DozensLayer

Source

name introduction doc
Baidu bmap source Baidu
Gaode amap source Gaode
Google goolge source Google

Overlay

name introduction doc
Popover Popover (support mark and minimization) Popover

Tools

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

Resources

changelog

detail