Git Product home page Git Product logo

ol-extent's Introduction

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

ol-extent's People

Contributors

sakitam-fdd avatar

Watchers

JamesxuWang avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.