2394 lines
73 KiB
Markdown
2394 lines
73 KiB
Markdown
---
|
|
layout: default
|
|
title: Plugins
|
|
---
|
|
|
|
## Notable Leaflet Plugins
|
|
|
|
While Leaflet is meant to be as lightweight as possible, and focuses on a core set of features, an easy way to extend its functionality is to use third-party plugins. Thanks to the awesome community behind Leaflet, there are literally hundreds of nice plugins to choose from.
|
|
|
|
|
|
<div id="toc" class="clearfix">
|
|
<div class="span-4">
|
|
<h4>Tile & image layers</h4>
|
|
|
|
<ul>
|
|
<li> <a href='#basemap-providers'>Basemap providers</a></li>
|
|
<li> <a href='#basemap-formats'>Basemap formats</a></li>
|
|
<li> <a href='#basemap-nonmap'>Non-map base layers</a></li>
|
|
<li> <a href='#tiledisplay'>Tile/image display</a></li>
|
|
<li> <a href='#tileload'>Tile load</a></li>
|
|
</ul>
|
|
|
|
<h4>Overlay data</h4>
|
|
|
|
<ul>
|
|
<li> <a href='#vectordata-formats'>Overlay data formats</a></li>
|
|
<li> <a href='#vectordata-dynamic'>Dynamic data loading</a></li>
|
|
<li> <a href='#vectordata-synthetic'>Synthetic overlays</a></li>
|
|
<li> <a href='#vectordata-providers'>Data providers</a></li>
|
|
</ul>
|
|
</div>
|
|
<div class="span-4">
|
|
|
|
<h4>Overlay Display</h4>
|
|
<ul>
|
|
<li><a href="#vectordisplay-symbolizers">Markers & renderers</a></li>
|
|
<li><a href="#vectordisplay-animations">Overlay animations</a></li>
|
|
<li><a href="#vectordisplay-cluster">Clustering/decluttering</a></li>
|
|
<li><a href="#vectordisplay-heatmap">Heatmaps</a></li>
|
|
<li><a href="#vectordisplay-dataviz">DataViz</a></li>
|
|
</ul>
|
|
<h4>Overlay interaction</h4>
|
|
<ul>
|
|
<li><a href="#geometryinteraction-edit">Edit geometries</a></li>
|
|
<li><a href="#geometryinteraction-time">Time & elevation</a></li>
|
|
<li><a href="#geometryinteraction-search">Search & popups</a></li>
|
|
<li><a href="#geometryinteraction-selection">Area/overlay selection</a></li>
|
|
</ul>
|
|
</div>
|
|
<div class="span-5">
|
|
<h4>Map interaction</h4>
|
|
<ul>
|
|
<li><a href="#mapcontrols-layerswitchers">Layer switching controls</a></li>
|
|
<li><a href="#mapcontrols-panzoom-interactive">Interactive pan/zoom</a></li>
|
|
<li><a href="#mapcontrols-panzoom-bookmarked">Bookmarked pan/zoom</a></li>
|
|
<li><a href="#mapcontrols-fullscreen">Fullscreen</a></li>
|
|
<li><a href="#mapcontrols-minimaps">Minimaps & synced maps</a></li>
|
|
<li><a href="#mapcontrols-measure">Measurement</a></li>
|
|
<li><a href="#mapcontrols-mousecoords">Mouse coordinates</a></li>
|
|
<li><a href="#mapcontrols-events">Events</a></li>
|
|
<li><a href="#mapcontrols-userinterface">User interface</a></li>
|
|
<li><a href="#mapcontrols-print">Print/export</a></li>
|
|
<li><a href="#mapcontrols-geolocation">Geolocation</a></li>
|
|
</ul>
|
|
</div>
|
|
<div class="span-4">
|
|
<h4>Miscellaneous</h4>
|
|
<ul>
|
|
<li><a href="#geoprocessing">Geoprocessing</a></li>
|
|
<li><a href="#routing">Routing</a></li>
|
|
<li><a href="#geocoding">Geocoding</a></li>
|
|
<li><a href="#collections">Plugin collections</a></li>
|
|
</ul>
|
|
<h4>Integration</h4>
|
|
<ul>
|
|
<li><a href="#integration-frameworks">Frameworks & build systems</a></li>
|
|
<li><a href="#integration-3rdparty">3<sup>rd</sup> party</a></li>
|
|
</ul>
|
|
<hr>
|
|
<a href="#develop">Develop your own</a>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
## <a name='basemap'></a>Tile & image layers
|
|
|
|
The following plugins allow loading different maps and provide functionality to tile and image layers.
|
|
|
|
* [Basemap providers](#basemap-providers)
|
|
* [Basemap formats](#basemap-formats)
|
|
* [Non-map base layers](#basemap-nonmap)
|
|
* [Tile/image display](#tiledisplay)
|
|
* [Tile load](#tileload)
|
|
|
|
|
|
### <a name='basemap-providers'></a>Basemap providers
|
|
|
|
Ready-to-go basemaps, with little or no configuration at all.
|
|
|
|
<table class="plugins"><tr><th>Plugin</th><th>Description</th><th>Maintainer</th></tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/leaflet-extras/leaflet-providers">leaflet-providers</a>
|
|
</td><td>
|
|
Contains configurations for various free tile providers — OSM, OpenCycleMap, MapQuest, Stamen, Esri, etc.
|
|
</td><td>
|
|
<a href="https://github.com/leaflet-extras">leaflet-extras members</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/tontita/Leaflet.KoreanTmsProviders">Leaflet.KoreanTmsProviders</a>
|
|
</td><td>
|
|
Contains configurations for various (South) Korean tile providers — Daum, Naver, VWorld, etc.
|
|
</td><td>
|
|
<a href="https://github.com/tontita/">Seong Choi</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/htoooth/Leaflet.ChineseTmsProviders">Leaflet.ChineseTmsProviders</a>
|
|
</td><td>
|
|
Contains configurations for various Chinese tile providers — TianDiTu, MapABC, GaoDe, etc.
|
|
</td><td>
|
|
<a href="https://github.com/htoooth/">Tao Huang</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="http://esri.github.io/esri-leaflet">Esri Leaflet</a>
|
|
</td><td>
|
|
A set of tools for using ArcGIS services with Leaflet. Support for map services, feature layers, ArcGIS Online tiles and more.
|
|
</td><td>
|
|
<a href="https://github.com/patrickarlt/">Patrick Arlt</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/aparshin/leaflet-GIBS">Leaflet.GIBS</a>
|
|
</td><td>
|
|
<a href="https://earthdata.nasa.gov/gibs">NASA EOSDIS GIBS</a> imagery integration. The plugin provides <a href="https://wiki.earthdata.nasa.gov/display/GIBS/GIBS+Available+Imagery+Products">96 daily updated layers</a> with satellite imagery and science parameters. <a href="http://aparshin.github.io/leaflet-GIBS/examples/">Demo</a>.
|
|
</td><td>
|
|
<a href="https://github.com/aparshin">Alexander Parshin</a>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
|
|
|
|
|
|
### <a name='basemap-formats'></a>Basemap formats
|
|
|
|
Plugins for loading basemaps or GIS raster layers in common (albeit non-default) formats.
|
|
|
|
<table class="plugins"><tr><th>Plugin</th><th>Description</th><th>Maintainer</th></tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/mylen/leaflet.TileLayer.WMTS">leaflet.TileLayer.WMTS</a>
|
|
</td><td>Add WMTS (IGN) layering for leaflet.
|
|
</td><td>
|
|
<a href="https://github.com/mylen">Alexandre Melard</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/azgs/azgs-leaflet">azgs-leaflet</a>
|
|
</td><td>
|
|
A set of small plugins for Leaflet, including WFS-GeoJSON layer with filtering, a hover control for GeoJSON, and an Esri tile layer.
|
|
</td><td>
|
|
<a href="https://github.com/azgs">AZGS</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/heigeo/leaflet.wms">leaflet.wms</a>
|
|
</td><td>
|
|
Enhanced WMS support for Leaflet, including single-tile/untiled layers, shared WMS sources, and layer identify via GetFeatureInfo.
|
|
</td><td>
|
|
<a href="https://github.com/sheppard/">S. Andrew Sheppard</a><br>(<a href="https://github.com/heigeo/">HEI Geo</a>)
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/balrog-kun/Leaflet.bpg">Leaflet.bpg</a>
|
|
</td><td>
|
|
TileLayer with <a href="http://bellard.org/bpg/">.bpg</a> image format decoding.
|
|
</td><td>
|
|
<a href="https://github.com/balrog-kun/">Andrzej Zaborowski</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/glenrobertson/leaflet-tilelayer-geojson/">TileLayer.GeoJSON</a>
|
|
</td><td>
|
|
A TileLayer for GeoJSON tiles.
|
|
</td><td>
|
|
<a href="https://github.com/glenrobertson">Glen Robertson</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/kartena/leaflet-tilejson">leaflet-tilejson</a>
|
|
</td><td>
|
|
Adds support for the <a href="https://github.com/mapbox/TileJSON">TileJSON</a> specification to Leaflet.
|
|
</td><td>
|
|
<a href="https://github.com/perliedman">Per Liedman</a>, <a href="http://www.kartena.se/">Kartena</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="http://vizzuality.github.com/cartodb-leaflet/">cartodb-leaflet</a>
|
|
</td><td>
|
|
Official <a href="http://cartodb.com/">CartoDB</a> plugin for Leaflet.
|
|
</td><td>
|
|
<a href="http://vizzuality.com/">Vizzuality</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/emikhalev/leaflet-2gis">Leaflet-2gis</a>
|
|
</td><td>
|
|
Adds support for 2GIS tile layer
|
|
</td><td>
|
|
<a href="https://github.com/emikhalev/">Eugene Mikhalev</a>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
|
|
|
|
### <a name='basemap-nonmap'></a>Non-map base tilelayers
|
|
|
|
Sometimes you don't want to load a map, just big custom images. **Really** big ones.
|
|
|
|
<table class="plugins"><tr><th>Plugin</th><th>Description</th><th>Maintainer</th></tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/turban/Leaflet.Zoomify">TileLayer.Zoomify</a>
|
|
</td><td>
|
|
A TileLayer for Zoomify images.
|
|
</td><td>
|
|
<a href="https://github.com/turban">Bjørn Sandvik</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/alfarisi/leaflet-deepzoom">TileLayer.DeepZoom</a>
|
|
</td><td>
|
|
A TileLayer for DeepZoom images.
|
|
</td><td>
|
|
<a href="https://github.com/alfarisi">Al Farisi</a>,
|
|
<a href="http://indokreatif.net">Indokreatif Teknologi</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/namrehs/Leaflet.Gigapan">TileLayer.Gigapan</a>
|
|
</td><td>
|
|
A TileLayer for Gigapan images.
|
|
</td><td>
|
|
<a href="https://github.com/namrehs">Dan Sherman</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/astromatic/Leaflet.TileLayer.IIP">Leaflet.TileLayer.IIP</a>
|
|
</td><td>Add support for <a href="http://iipimage.sourceforge.net/">IIPImage</a> layers in Leaflet.
|
|
</td><td>
|
|
<a href="https://github.com/ebertin">Emmanuel Bertin</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/mejackreed/Leaflet-IIIF">Leaflet-IIIF</a>
|
|
</td><td>
|
|
A <a href="http://iiif.io/">IIIF</a> (International Image Interoperability Framework) viewer for Leaflet. See the <a href="http://mejackreed.github.io/Leaflet-IIIF/examples/example.html">demo</a>.
|
|
</td><td>
|
|
<a href="https://github.com/mejackreed">Jack Reed</a>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
|
|
|
|
|
|
### <a name='tiledisplay'></a>Tile/image display
|
|
|
|
The following plugins change the way that tile or image layers are displayed in the map.
|
|
|
|
<table class="plugins"><tr><th>Plugin</th><th>Description</th><th>Maintainer</th></tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/aparshin/leaflet-boundary-canvas">TileLayer.BoundaryCanvas</a>
|
|
</td><td>
|
|
Allows you to draw tile layers with arbitrary polygonal boundary. HTML5 Canvas is used for rendering.
|
|
</td><td>
|
|
<a href="https://github.com/aparshin">Alexander Parshin</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/Zverik/leaflet-grayscale/">TileLayer.Grayscale</a>
|
|
</td><td>
|
|
A regular TileLayer with grayscale makeover.
|
|
</td><td>
|
|
<a href="https://github.com/Zverik">Ilya Zverev</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/ScanEx/Leaflet.imageTransform">Leaflet.ImageTransform</a>
|
|
</td><td>Add support of image overlays with arbitrary perspective transformation.
|
|
</td><td>
|
|
<a href="https://github.com/aparshin">Alexander Parshin</a>,
|
|
<a href="https://github.com/OriginalSin">Sergey Alekseev</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/lizardtechblog/Leaflet.OpacityControls">Leaflet.OpacityControls</a>
|
|
</td><td>
|
|
Simple Leaflet controls to adjust the opacity of a map layer.
|
|
</td><td>
|
|
<a href="https://github.com/lizardtechblog/">Jared Dominguez</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/publiclab/Leaflet.DistortableImage">Leaflet.DistortableImage</a>
|
|
</td><td>
|
|
Enable users to <a href="https://publiclab.github.io/Leaflet.DistortableImage/examples/">scale, rotate, and distort images</a> on Leaflet maps.
|
|
</td><td>
|
|
<a href="https://github.com/publiclab">Public Lab</a>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
|
|
|
|
|
|
### <a name='tileload'></a>Tile Load
|
|
|
|
The following plugins change the way that tile layers are loaded into the map.
|
|
|
|
<table class="plugins"><tr><th>Plugin</th><th>Description</th><th>Maintainer</th></tr>
|
|
<tr>
|
|
<td>
|
|
<a href="http://moonlite.github.com/Leaflet.MultiTileLayer/">Leaflet.MultiTileLayer</a>
|
|
</td><td>
|
|
Allows to compose a TileLayer from several tile sources. Each source is active only on a defined set of zoomlevels.
|
|
</td><td>
|
|
<a href="https://github.com/moonlite">Mattias Bengtsson</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/ismyrnow/Leaflet.functionaltilelayer">Leaflet.FunctionalTileLayer</a>
|
|
</td><td>
|
|
Allows you to define tile layer URLs using a function, with support for jQuery deferreds.
|
|
</td><td>
|
|
<a href="https://github.com/ismyrnow">Ishmael Smyrnow</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/gregallensworth/L.TileLayer.Cordova">TileLayer.Cordova</a>
|
|
</td><td>
|
|
For use with Cordova/Phonegap, adds tile caching onto local device storage, switching between offline and online mode.
|
|
</td><td>
|
|
<a href="https://github.com/gregallensworth">Greg Allensworth</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/MazeMap/Leaflet.TileLayer.PouchDBCached">TileLayer.PouchDBCached</a>
|
|
</td><td>
|
|
Allows all Leaflet TileLayers to cache into PouchDB for offline use.
|
|
</td><td>
|
|
<a href="https://github.com/IvanSanchez">Iván Sánchez Ortega</a>,
|
|
<a href="https://github.com/MazeMap">MazeMap</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/ebrelsford/Leaflet.loading">Leaflet.loading</a>
|
|
</td><td>
|
|
A simple control that adds a loading indicator as tiles and other data are loaded.
|
|
</td><td>
|
|
<a href="https://github.com/ebrelsford/">Eric Brelsford</a>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
|
|
|
|
## <a name='vectordata'></a>Overlay data
|
|
|
|
The following plugins provide new ways of loading overlay data (GIS vector data): points, lines and polygons.
|
|
|
|
* [Overlay data formats](#vectordata-formats)
|
|
* [Dynamic data loading](#vectordata-dynamic)
|
|
* [Synthetic overlays](#vectordata-synthetic)
|
|
* [Data providers](#vectordata-providers)
|
|
|
|
### <a name='vectordata-formats'></a>Overlay data formats
|
|
|
|
Load your own data from various GIS formats.
|
|
|
|
<table class="plugins"><tr><th>Plugin</th><th>Description</th><th>Maintainer</th></tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/mapbox/leaflet-omnivore">leaflet-omnivore</a>
|
|
</td><td>
|
|
Loads & converts CSV, KML, GPX, TopoJSON, WKT formats for Leaflet.
|
|
</td><td>
|
|
<a href="https://github.com/mapbox">Mapbox</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/makinacorpus/Leaflet.FileLayer">Leaflet.FileLayer</a>
|
|
</td><td>
|
|
Loads files (GeoJSON, GPX, KML) into the map using the HTML5 FileReader API (i.e. locally without server).
|
|
</td><td>
|
|
<a href="https://github.com/leplatrem">Mathieu Leplatre</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/joker-x/Leaflet.geoCSV">Leaflet.geoCSV</a>
|
|
</td><td>
|
|
Leaflet plugin for loading a CSV file as geoJSON layer.
|
|
</td><td>
|
|
<a href="https://github.com/joker-x">Iván Eixarch</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/calvinmetcalf/leaflet.shapefile">Leaflet.Shapefile</a>
|
|
</td><td>
|
|
Put a shapefile onto your map as a layer.
|
|
</td><td>
|
|
<a href="https://github.com/calvinmetcalf">Calvin Metcalf</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/calvinmetcalf/leaflet.filegdb">Leaflet.FileGDB</a>
|
|
</td><td>
|
|
Put an ESRI File GeoDatabase onto your map as a layer.
|
|
</td><td>
|
|
<a href="https://github.com/calvinmetcalf">Calvin Metcalf</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/jieter/Leaflet.encoded">Leaflet.encoded</a>
|
|
</td><td>
|
|
Use encoded polylines in Leaflet.
|
|
</td><td>
|
|
<a href="https://github.com/jieter">Jieter</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/mpetazzoni/leaflet-gpx">Leaflet GPX</a>
|
|
</td><td>
|
|
GPX layer, targeted at sporting activities by providing access to information such as distance, moving time, pace, elevation, heart rate, etc.
|
|
</td><td>
|
|
<a href="https://github.com/mpetazzoni/">Maxime Petazzoni</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="http://arthur-e.github.com/Wicket/">Wicket</a>
|
|
</td><td>
|
|
A modest library for translating between Well-Known Text (WKT) and Leaflet geometry objects (e.g. between L.marker() instances and "POINT()" strings).
|
|
</td><td>
|
|
<a href="https://github.com/arthur-e/">K. Arthur Endsley</a>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
|
|
|
|
|
|
### <a name='vectordata-dynamic'></a>Dynamic/custom data loading
|
|
|
|
Load dynamic data which is updated in the map, or load GIS vector data in non-standard ways.
|
|
|
|
<table class="plugins"><tr><th>Plugin</th><th>Description</th><th>Maintainer</th></tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/perliedman/leaflet-realtime">Leaflet Realtime</a>
|
|
</td><td>
|
|
Put realtime data on a Leaflet map: live tracking GPS units, sensor data or just about anything.
|
|
</td><td>
|
|
<a href="https://github.com/perliedman/">Per Liedman</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/calvinmetcalf/leaflet-ajax">Leaflet Ajax</a>
|
|
</td><td>
|
|
Add GeoJSON data via ajax or jsonp.
|
|
</td><td>
|
|
<a href="https://github.com/calvinmetcalf/">Calvin Metcalf</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/tinuzz/leaflet-liveupdate">Leaflet.Liveupdate</a>
|
|
</td>
|
|
<td>
|
|
Periodically ('live') update something on a map (<a href="https://www.grendelman.net/leaflet/">Demo</a>)
|
|
</td>
|
|
<td>
|
|
<a href="https://github.com/tinuzz/">Martijn Grendelman</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/calvinmetcalf/leaflet.pouch">Leaflet.Pouch</a>
|
|
</td><td>
|
|
Use PouchDB to sync CouchDB data to local storage (indexedDB), to just add couchDB data or as just a less confusing implementation of indexedDB.
|
|
</td><td>
|
|
<a href="https://github.com/calvinmetcalf/">Calvin Metcalf</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/cbaines/leaflet-indoor">Leaflet.Indoor</a>
|
|
</td><td>
|
|
Create indoor maps.
|
|
</td><td>
|
|
<a href="https://github.com/cbaines">Christopher Baines</a>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
|
|
|
|
|
|
### <a name='vectordata-synthetic'></a>Synthetic overlays
|
|
|
|
These plugins create useful overlays from scratch, no loading required.
|
|
|
|
<table class="plugins"><tr><th>Plugin</th><th>Description</th><th>Maintainer</th></tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/turban/Leaflet.Graticule">Leaflet.Graticule</a>
|
|
</td><td>
|
|
Draws a grid of latitude and longitude lines.
|
|
</td><td>
|
|
<a href="https://github.com/turban">Bjørn Sandvik</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/ablakey/Leaflet.SimpleGraticule">Leaflet.SimpleGraticule</a>
|
|
</td><td>
|
|
Draws a grid lines for L.CRS.Simple coordinate system.
|
|
</td><td>
|
|
<a href="https://github.com/ablakey">Andrew Blakey</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/joergdietrich/Leaflet.Terminator">Leaflet.Terminator</a>
|
|
</td><td>Overlay day and night regions on a map.
|
|
</td><td>
|
|
<a href="https://github.com/joergdietrich">Jörg Dietrich</a>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
|
|
|
|
|
|
### <a name='vectordata-providers'></a>Data providers
|
|
|
|
Load overlay data from third-party-services. See also [basemap providers](#basemap-providers) and [plugin collections](#collections).
|
|
|
|
<table class="plugins"><tr><th>Plugin</th><th>Description</th><th>Maintainer</th></tr>
|
|
<tr>
|
|
<td>
|
|
<a href="http://geojason.info/leaflet-vector-layers/">Leaflet Vector Layers</a>
|
|
</td><td>
|
|
Allows to easily create vector layers from a number of geo web services, such as ArcGIS Server, Arc2Earth, GeoIQ, CartoDB and GIS Cloud.
|
|
</td><td>
|
|
<a href="http://geojason.info">Jason Sanford</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/kartenkarsten/leaflet-layer-overpass/">Leaflet Layer Overpass</a>
|
|
</td><td>
|
|
Easily include data from the <a href="http://overpass-api.de">overpass api</a>.
|
|
</td><td>
|
|
<a href="https://github.com/kartenkarsten">kartenkarsten</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/kr1/Leaflet.dbpediaLayer/">Leaflet.dbpediaLayer</a>
|
|
</td><td>
|
|
A layer with Points of interest from Wikipedia - loaded via ajax from DBpedia's SPARQL endpoint.
|
|
</td><td>
|
|
<a href="https://github.com/kr1/">Kr1</a>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
|
|
|
|
|
|
## <a name='vectordisplay'></a>Overlay display
|
|
|
|
The following plugins provide new ways of displaying overlay data information.
|
|
|
|
* [Markers & renderers](#vectordisplay-symbolizers)
|
|
* [Marker animations](#vectordisplay-animations)
|
|
* [Clustering/decluttering](#vectordisplay-cluster)
|
|
* [Heatmaps](#vectordisplay-heatmap)
|
|
* [DataViz](#vectordisplay-dataviz)
|
|
|
|
|
|
### <a name='vectordisplay-symbolizers'></a>Markers & renderers
|
|
|
|
These plugins provide new markers or news ways of converting abstract data into images in your screen. Leaflet users versed in GIS also known these as symbolizers.
|
|
|
|
<table class="plugins"><tr><th>Plugin</th><th>Description</th><th>Maintainer</th></tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/jdfergason/Leaflet.Ellipse">Leaflet.ellipse</a>
|
|
</td><td>
|
|
Leaflet.ellipse place ellipses on map by specifying center point, semi-major axis,
|
|
semi-minor axis, and tilt degrees from west.
|
|
</td><td>
|
|
<a href="https://github.com/jdfergason">JD Fergason</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/Leaflet/Leaflet.label">Leaflet.label</a>
|
|
</td><td>
|
|
Adds text labels to map markers and vector layers.
|
|
</td><td>
|
|
<a href="https://github.com/jacobtoye">Jacob Toye</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/jieter/Leaflet-semicircle">Leaflet-semicircle</a>
|
|
</td><td>
|
|
Adds functionality to <code>L.Circle</code> to draw semicircles.
|
|
</td><td>
|
|
<a href="https://github.com/jieter">Jieter</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/bbecquet/Leaflet.PolylineDecorator">Leaflet.PolylineDecorator</a>
|
|
</td><td>
|
|
Allows you to draw patterns (like dashes, arrows or evenly spaced Markers) along Polylines or coordinate paths.
|
|
</td><td>
|
|
<a href="https://github.com/bbecquet">Benjamin Becquet</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/leaflet-extras/leaflet.sprite">Leaflet.Sprite</a>
|
|
</td><td>
|
|
Use sprite based icons in your markers.
|
|
</td><td>
|
|
<a href="https://github.com/calvinmetcalf">Calvin Metcalf</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/makinacorpus/Leaflet.TextPath">Leaflet.TextPath</a>
|
|
</td><td>
|
|
Allows you to draw text along Polylines.
|
|
</td><td>
|
|
<a href="https://github.com/leplatrem">Mathieu Leplatre</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/lvoogdt/Leaflet.awesome-markers">Leaflet.Awesome-Markers</a>
|
|
</td><td>
|
|
Colorful, iconic & retina-proof markers based on the Font Awesome icons/Twitter Bootstrap icons
|
|
</td><td>
|
|
<a href="http://www.lennardvoogdt.nl">Lennard Voogdt</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/jseppi/Leaflet.MakiMarkers">Leaflet.MakiMarkers</a>
|
|
</td><td>Create markers using <a href="https://www.mapbox.com/maki/">Maki Icons</a> from MapBox.
|
|
</td><td>
|
|
<a href="https://github.com/jseppi">James Seppi</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/makinacorpus/Leaflet.LineExtremities">Leaflet.LineExtremities</a>
|
|
</td><td>
|
|
Show symbols at the extremities of polylines, using SVG markers.
|
|
</td><td>
|
|
<a href="https://github.com/fredericbonifas">Frédéric Bonifas</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/hiasinho/Leaflet.vector-markers">Leaflet.VectorMarkers</a>
|
|
</td><td>
|
|
Vector SVG markers for Leaflet, with an option for Font Awesome/Twitter Bootstrap icons.
|
|
</td><td>
|
|
<a href="https://github.com/hiasinho">Mathias Schneider</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/teastman/Leaflet.pattern">Leaflet.pattern</a>
|
|
</td><td>
|
|
Add support for pattern fills on Paths.
|
|
</td><td>
|
|
<a href="https://github.com/teastman">Tyler Eastman</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/tomaszbrue/leaflet.boatmarker">Leaflet.BoatMarker</a>
|
|
</td><td>
|
|
A boat marker using HTML Canvas for displaying yachts and sailboats with heading and wind information. <a href="http://tomaszbrue.github.io/leaflet.boatmarker/">Demo</a>.
|
|
</td><td>
|
|
<a href="https://github.com/tomaszbrue">Thomas Brüggemann</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/heyman/leaflet-usermarker">leaflet-usermarker</a>
|
|
</td><td>
|
|
Plugin for plotting a marker representing a user - or multiple users - on a map,
|
|
with support for drawing an accuraccy circle. Can be seen in action on
|
|
<a href="http://longitude.me">Longitude.me</a>.
|
|
</td><td>
|
|
<a href="http://heyman.info">Jonatan Heyman</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/albburtsev/Leaflet.geojsonCSS">Leaflet.geojsonCSS</a>
|
|
</td><td>
|
|
<a href="http://wiki.openstreetmap.org/wiki/Geojson_CSS">Geojson CSS</a> implementation for Leaflet.
|
|
</td><td>
|
|
<a href="https://github.com/albburtsev/">Alexander Burtsev</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="http://osmbuildings.org/">OSM Buildings</a>
|
|
</td><td>
|
|
Amazing JS library for visualizing 3D OSM building geometry on top of Leaflet.
|
|
</td><td>
|
|
<a href="https://github.com/kekscom/">Jan Marsch</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/ubergesundheit/Leaflet.EdgeMarker">Leaflet.EdgeMarker</a>
|
|
</td><td>
|
|
Plugin to indicate the existence of Features outside of the current view.
|
|
</td><td>
|
|
<a href="https://github.com/ubergesundheit">Gerald Pape</a>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
|
|
|
|
|
|
### <a name='vectordisplay-animations'></a>Overlay animations
|
|
|
|
These plugins animate markers or some geometries. See also [geometries with time or elevation](#geometryinteraction-time).
|
|
|
|
<table class="plugins"><tr><th>Plugin</th><th>Description</th><th>Maintainer</th></tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/openplans/Leaflet.AnimatedMarker">Leaflet.AnimatedMarker</a>
|
|
</td><td>
|
|
Animate a marker along a polyline.
|
|
</td><td>
|
|
<a href="https://github.com/atogle">Aaron Ogle</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/maximeh/leaflet.bouncemarker">Leaflet.BounceMarker</a>
|
|
</td><td>
|
|
Make a marker bounce when you add it to a map.
|
|
</td><td>
|
|
<a href="https://github.com/maximeh">Maxime Hadjinlian</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/hosuaby/Leaflet.SmoothMarkerBouncing">Leaflet.SmoothMarkerBouncing</a>
|
|
</td><td>
|
|
Smooth animation of marker bouncing for Leaflet.
|
|
</td><td>
|
|
<a href="https://github.com/hosuaby">Alexei KLENIN</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/ewoken/Leaflet.MovingMarker">Leaflet.MovingMarker</a>
|
|
</td><td>
|
|
Allow to move markers along a polyline with custom durations.
|
|
</td><td>
|
|
<a href="https://github.com/ewoken">Ewoken</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/naturalatlas/leaflet-transitionedicon">Leaflet.TransitionedIcon</a>
|
|
</td><td>
|
|
Transition in/out markers with CSS3 transitions. It supports jitter
|
|
for staggering markers into view to prevent visual overload. See the <a href="http://naturalatlas.github.io/leaflet-transitionedicon/">demo</a>.
|
|
</td><td>
|
|
<a href="https://github.com/brianreavis">Brian Reavis</a>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
|
|
|
|
|
|
### <a name='vectordisplay-cluster'></a>Clustering/Decluttering
|
|
|
|
When you are displaying a lot of data, these plugins will make your map look cleaner.
|
|
|
|
<table class="plugins"><tr><th>Plugin</th><th>Description</th><th>Maintainer</th></tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/Leaflet/Leaflet.markercluster">Leaflet.markercluster</a>
|
|
</td><td>
|
|
Beautiful, sophisticated, high performance marker clustering solution with smooth animations and lots of great features. <em>Recommended!</em>
|
|
</td><td>
|
|
<a href="https://github.com/danzel">Dave Leaver</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/MazeMap/Leaflet.LayerGroup.Collision">Leaflet.LayerGroup.Collision</a>
|
|
</td><td>
|
|
Provides collision detection for groups of markers. Unlike clustering, this takes into account the shape & size of the markers.
|
|
</td><td>
|
|
<a href="https://github.com/IvanSanchez">Iván Sánchez Ortega</a>,
|
|
<a href="https://github.com/MazeMap">MazeMap</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/jawj/OverlappingMarkerSpiderfier-Leaflet">Overlapping Marker Spiderfier</a>
|
|
</td><td>
|
|
Deals with overlapping markers in a Google Earth-inspired way by gracefully springing them apart on click.
|
|
</td><td>
|
|
<a href="http://mackerron.com">George MacKerron</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/SINTEF-9012/PruneCluster">PruneCluster</a>
|
|
</td><td>
|
|
Fast and realtime marker clustering library.
|
|
</td><td>
|
|
<a href="https://github.com/yellowiscool">Antoine Pultier</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/oliverroick/Leaflet.Deflate">Leaflet.Deflate</a>
|
|
</td><td>
|
|
Deflates lines and polygons to a marker when their screen size becomes too small in lower zoom levels.
|
|
</td><td>
|
|
<a href="https://github.com/oliverroick">Oliver Roick</a>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
|
|
### <a name='vectordisplay-heatmap'></a>Heatmaps
|
|
|
|
These plugins create heatmaps and heatmap-like visualizations from vector data.
|
|
|
|
<table class="plugins"><tr><th>Plugin</th><th>Description</th><th>Maintainer</th></tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/domoritz/leaflet-maskcanvas">MaskCanvas</a>
|
|
</td><td>
|
|
Canvas layer that can be used to visualize coverage.
|
|
</td><td>
|
|
<a href="https://github.com/domoritz">Dominik Moritz</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/sunng87/heatcanvas">HeatCanvas</a>
|
|
</td><td>
|
|
Simple heatmap api based on HTML5 canvas.
|
|
</td><td>
|
|
<a href="https://github.com/sunng87">Sun Ning</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="http://www.patrick-wied.at/static/heatmapjs/example-heatmap-leaflet.html">heatmap.js</a>
|
|
</td><td>
|
|
JavaScript Library for HTML5 canvas based heatmaps.
|
|
|
|
Its Leaflet layer implementation supports large datasets because it is tile based and uses a quadtree index to store the data.
|
|
</td><td>
|
|
<a href="https://github.com/pa7">Patrick Wied</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/dpiccone/leaflet-div-heatmap">Leaflet divHeatmap</a>
|
|
</td><td>
|
|
Lightweight and versatile heatmap layer based on CSS3 and divIcons
|
|
|
|
</td><td>
|
|
<a href="https://github.com/dpiccone">Daniele Piccone</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="http://ursudio.com/webgl-heatmap-leaflet/">WebGL Heatmap</a>
|
|
</td><td>
|
|
High performance Javascript heatmap plugin using WebGL.
|
|
|
|
</td><td>
|
|
<a href="https://twitter.com/bozdoz">Benjamin J DeLong</a>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
|
|
|
|
### <a name='vectordisplay-dataviz'></a>DataViz
|
|
|
|
Powerful multi-purpose libraries for data visualization.
|
|
|
|
<table class="plugins"><tr><th>Plugin</th><th>Description</th><th>Maintainer</th></tr>
|
|
<tr>
|
|
<td>
|
|
<a href="http://dynmeth.github.com/RaphaelLayer/">RaphaelLayer</a>
|
|
</td><td>
|
|
Allows you to use <a href="http://raphaeljs.com/">Raphael</a> as a layer on a Leaflet map for advanced animations and visualizations.
|
|
</td><td>
|
|
<a href="https://github.com/dynmeth">Dynamic Methods</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="http://humangeo.github.com/leaflet-dvf/">Leaflet Data Visualization Framework</a>
|
|
</td><td>
|
|
New markers, layers, and utility classes for easy thematic mapping and data visualization.
|
|
</td><td>
|
|
<a href="https://github.com/sfairgrieve">Scott Fairgrieve</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/teralytics/Leaflet.D3SvgOverlay">Leaflet.D3SvgOverlay</a>
|
|
</td><td>
|
|
SVG overlay class for using with <a href="http://d3js.org">D3</a> library. Supports zoom animation and scaling without need to redraw the layer.
|
|
</td><td>
|
|
<a href="https://github.com/xEviL">Kirill Zhuravlev</a>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
|
|
|
|
|
|
## <a name='geometryinteraction'></a> Interaction with geometries/features
|
|
|
|
The following plugins enable users to interact with overlay data: edit geometries, select areas or features, interact with the time dimension, search features and display information about them.
|
|
|
|
* [Edit geometries](#geometryinteraction-edit)
|
|
* [Time & elevation](#geometryinteraction-time)
|
|
* [Search & popups](#geometryinteraction-search)
|
|
* [Area/overlay selection](#geometryinteraction-selection)
|
|
|
|
### <a name='geometryinteraction-edit'></a> Edit geometries
|
|
|
|
Allows users to create, draw, edit and/or delete points, lines and polygons.
|
|
|
|
<table class="plugins"><tr><th>Plugin</th><th>Description</th><th>Maintainer</th></tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/Wildhoney/Leaflet.FreeDraw">Leaflet.FreeDraw</a>
|
|
</td><td>
|
|
Zoopla inspired freehand polygon creation using Leaflet.js and D3.
|
|
</td><td>
|
|
<a href="https://github.com/Wildhoney">Wildhoney</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/scripter-co/leaflet-plotter">Leaflet.plotter</a>
|
|
</td><td>
|
|
leaflet-plotter allows you to create routes using a leaflet powered map. You can click on the mid-points to create a new, draggable point.
|
|
</td><td>
|
|
<a href="https://github.com/scripter-co">Nathan Mahdavi</a>
|
|
</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/tkrajina/leaflet-editable-polyline">Leaflet.Editable.Polyline</a>
|
|
</td><td>Editable polylines: move existing points, add new points and split polylines.
|
|
</td><td>
|
|
<a href="https://github.com/tkrajina">Tomo Krajina</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/Leaflet/Leaflet.draw">Leaflet.draw</a>
|
|
</td><td>
|
|
Enables drawing features like polylines, polygons, rectangles, circles and markers through a very nice user-friendly interface with icons and hints. <em>Recommended!</em>
|
|
</td><td>
|
|
<a href="https://github.com/jacobtoye">Jacob Toye</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/kartena/Leaflet.EditableHandlers">Leaflet.EditableHandlers</a>
|
|
</td><td>
|
|
A set of plugins that includes circle editing, measuring tool, and label for polygon sides.
|
|
</td><td>
|
|
<a href="http://www.kartena.se/">Kartena</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/dwilhelm89/Leaflet.StyleEditor">Leaflet.StyleEditor</a>
|
|
</td><td>
|
|
Enables editing the styles of features (lines, polygons, etc) and markers with a GUI.
|
|
</td><td>
|
|
<a href="https://github.com/dwilhelm89">Dennis Wilhelm</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/jdomingu/Leaflet.SimpleMarkers">Leaflet.SimpleMarkers</a>
|
|
</td><td>
|
|
A light-weight Leaflet plugin for adding and deleting markers.
|
|
</td><td>
|
|
<a href="https://github.com/jdomingu">Jared Dominguez</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/yohanboniface/Leaflet.Editable">Leaflet.Editable</a>
|
|
</td><td>
|
|
Lightweight fully customisable and controlable drawing/editing plugin.
|
|
</td><td>
|
|
<a href="http://yohanboniface.me/">Yohan Boniface</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/w8r/Leaflet.Path.Drag">Leaflet.Path.Drag</a>
|
|
</td>
|
|
<td>
|
|
Drag handler and interaction for polygons and polylines (<a href="https://w8r.github.io/Leaflet.Path.Drag">Demo</a>)
|
|
</td>
|
|
<td>
|
|
<a href="https://github.com/w8r/">Alexander Milevski</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/makinacorpus/Leaflet.Snap">Leaflet.Snap</a>
|
|
</td><td>
|
|
Enables snapping of draggable markers to polylines and other layers.
|
|
</td><td>
|
|
<a href="https://github.com/leplatrem">Mathieu Leplatre</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/SINTEF-9012/Leaflet.MapPaint">Leaflet.MapPaint</a>
|
|
</td>
|
|
<td>
|
|
Bitmap painting plugin designed for touch devices.
|
|
</td><td>
|
|
<a href="https://github.com/yellowiscool">Antoine Pultier</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/yohanboniface/Leaflet.Storage">Leaflet.Storage</a>
|
|
</td><td>
|
|
Create/update/delete Map, Marker, Polygon, Polyline... and expose them for backend storage with an API.
|
|
</td><td>
|
|
<a href="http://yohanboniface.me/">Yohan Boniface</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/Wildhoney/L.Pather">Leaflet.Pather</a>
|
|
</td><td>
|
|
L.Pather is a freehand polyline creator that simplifies the polyline for mutability. Requires D3 support.
|
|
</td><td>
|
|
<a href="https://github.com/Wildhoney">Wildhoney</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/manleyjster/Leaflet.Illustrate">Leaflet.Illustrate</a>
|
|
</td><td>
|
|
Extension for Leaflet.draw enabling users to <a href="http://manleyjster.github.io/Leaflet.Illustrate/examples/0.0.2/simple/">type annotations directly on maps</a>.
|
|
</td><td>
|
|
<a href="https://github.com/manleyjster">Justin Manley</a>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
|
|
|
|
### <a name='geometryinteraction-time'></a>Time & elevation
|
|
|
|
Most data is two-dimensional (latitude and longitude), but some data has more dimensions (altitude and/or time). The following plugins help users navigate these extra dimensions.
|
|
|
|
<table class="plugins"><tr><th>Plugin</th><th>Description</th><th>Maintainer</th></tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/socib/Leaflet.TimeDimension">Leaflet.TimeDimension</a>
|
|
</td>
|
|
<td>
|
|
Add time dimension capabilities on a Leaflet map. <a href="http://apps.socib.es/Leaflet.TimeDimension/examples/index.html">Demos</a>
|
|
</td>
|
|
<td>
|
|
<a href="http://www.socib.eu">ICTS SOCIB</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/dwilhelm89/LeafletSlider">Leaflet Time-Slider</a>
|
|
</td><td>
|
|
The Leaflet Time-Slider enables you to dynamically add and remove Markers on a map by using a JQuery UI slider
|
|
</td><td>
|
|
<a href="https://github.com/dwilhelm89">Dennis Wilhelm</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/hallahan/LeafletPlayback">LeafletPlayback</a>
|
|
</td><td>
|
|
Play back time-stamped GPS Tracks synchronized to a clock.
|
|
</td><td>
|
|
<a href="http://theoutpost.io">Nicholas Hallahan</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/skeate/Leaflet.timeline">Leaflet.timeline</a>
|
|
</td><td>
|
|
Display arbitrary GeoJSON on a map with a timeline slider and play button.
|
|
</td><td>
|
|
<a href="https://github.com/skeate">Jonathan Skeate</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/MrMufflon/Leaflet.Elevation">Leaflet.Elevation</a>
|
|
</td><td>
|
|
A Leaflet plugin to view interactive height profiles of GeoJSON lines using <a href="http://d3js.org/">d3</a>.
|
|
</td><td>
|
|
<a href="https://github.com/MrMufflon">Felix Bache</a>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
|
|
|
|
|
|
|
|
### <a name='geometryinteraction-search'></a>Search & popups
|
|
|
|
Plugins that search for overlays and enhance how to display information about them.
|
|
|
|
<table class="plugins"><tr><th>Plugin</th><th>Description</th><th>Maintainer</th></tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/naomap/leaflet-fusesearch">leaflet-fusesearch</a>
|
|
</td><td>
|
|
A control that provides a panel to search features in a GeoJSON layer using the lightweight fuzzy search Fuse.js
|
|
</td><td>
|
|
<a href="http://www.naomap.fr">Antoine Riche</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/stefanocudini/leaflet-search">leaflet-search</a>
|
|
</td><td>
|
|
A control for search Markers/Features location by custom property in LayerGroup/GeoJSON. Support AJAX/JSONP, Autocompletion and 3rd party service
|
|
</td><td>
|
|
<a href="http://labs.easyblog.it">Stefano Cudini</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/stefanocudini/leaflet-geojson-list">Leaflet GeoJSON List</a>
|
|
</td>
|
|
<td>
|
|
Leaflet Control for listing GeoJSON properties in a interactive menu(<a href="http://labs.easyblog.it/maps/leaflet-geojson-list/">Demo</a>).
|
|
</td>
|
|
<td>
|
|
<a href="http://labs.easyblog.it/stefano-cudini/">Stefano Cudini</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="http://erictheise.github.com/rrose">Leaflet.Rrose</a>
|
|
</td><td>
|
|
A Leaflet Plugin for Edge Cases. For use when you want popups on <em>mouseover</em>, not <em>click</em>, and
|
|
you need popup tips to reorient as you get close to the edges of your map.
|
|
</td><td>
|
|
<a href="http://www.linkedin.com/in/erictheise">Eric Theise</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/danzel/Leaflet.utfgrid">Leaflet.utfgrid</a>
|
|
</td><td>
|
|
Provides a utfgrid interaction handler for leaflet a very small footprint.
|
|
</td><td>
|
|
<a href="https://github.com/danzel">Dave Leaver</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/yohanboniface/Leaflet.RevealOSM">Leaflet.RevealOSM</a>
|
|
</td><td>
|
|
Very simple but extendable Leaflet plugin to display OSM POIs data on map click.
|
|
</td><td>
|
|
<a href="http://yohanboniface.me">Yohan Boniface</a>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
|
|
|
|
|
|
### <a name='geometryinteraction-selection'></a>Area/overlay selection
|
|
|
|
These plugins help users select either overlays or areas in the map.
|
|
|
|
<table class="plugins"><tr><th>Plugin</th><th>Description</th><th>Maintainer</th></tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/heyman/leaflet-areaselect/">Leaflet.AreaSelect</a>
|
|
</td><td>
|
|
A fixed positioned, resizable rectangle for selecting an area on the map.
|
|
</td><td>
|
|
<a href="http://heyman.info">Jonatan Heyman</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/kajic/leaflet-locationfilter/">leaflet-locationfilter</a>
|
|
</td><td>
|
|
A draggable/resizable rectangle for selecting an area on the map.
|
|
</td><td>
|
|
<a href="https://github.com/kajic">Robert Kajic</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/w8r/L.Control.LineStringSelect">L.Control.LineStringSelect</a>
|
|
</td>
|
|
<td>
|
|
Fast LineString(polyline) partial selection tool: select a stretch between two points in a complex path. <a href="https://w8r.github.io/L.Control.LineStringSelect">Demo</a>
|
|
</td>
|
|
<td>
|
|
<a href="https://github.com/w8r">Alexander Milevski</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/openplans/Leaflet.FeatureSelect">Leaflet.FeatureSelect</a>
|
|
</td><td>Use a configurable centerpoint marker to select any geometry type from a GeoJSON layer.
|
|
</td><td>
|
|
<a href="https://github.com/atogle">Aaron Ogle</a>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
|
|
|
|
|
|
## <a name='mapcontrols'></a> Map interaction
|
|
|
|
New ways to interact with the map itself.
|
|
|
|
* [Layer switching controls](#mapcontrols-layerswitchers)
|
|
* [Interactive pan/zoom](#mapcontrols-panzoom-interactive)
|
|
* [Bookmarked pan/zoom](#mapcontrols-panzoom-bookmarked)
|
|
* [Fullscreen](#mapcontrols-fullscreen)
|
|
* [Minimaps & synced maps](#mapcontrols-minimaps)
|
|
* [Measurement](#mapcontrols-measure)
|
|
* [Mouse coordinates](#mapcontrols-mousecoords)
|
|
* [Events](#mapcontrols-events)
|
|
* [User interface](#mapcontrols-userinterface)
|
|
* [Print/export](#mapcontrols-print)
|
|
* [Geolocation](#mapcontrols-geolocation)
|
|
|
|
### <a name='mapcontrols-layerswitchers'></a>Layer switching controls
|
|
|
|
The following plugins enhance or extend `L.Control.Layers`.
|
|
|
|
<table class="plugins"><tr><th>Plugin</th><th>Description</th><th>Maintainer</th></tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/vogdb/SelectLayersControl">Leaflet.SelectLayers</a>
|
|
</td><td>
|
|
a Leaflet plugin which adds new control to switch between different layers on the map. New control replaces L.Control.Layers radio button panel with select tag.
|
|
</td><td>
|
|
<a href="https://github.com/vogdb">vogdb</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/davicustodio/Leaflet.StyledLayerControl">Leaflet.StyledLayerControl</a>
|
|
</td><td>
|
|
A Leaflet plugin that implements the management and control of layers by organization into categories or groups.
|
|
</td><td>
|
|
<a href="https://github.com/davicustodio">Davi Custodio</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/ismyrnow/Leaflet.groupedlayercontrol">Leaflet.GroupedLayerControl</a>
|
|
</td><td>
|
|
Leaflet layer control with support for grouping overlays together.
|
|
</td><td>
|
|
<a href="https://github.com/ismyrnow">Ishmael Smyrnow</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="http://elesdoar.github.io/leaflet-control-orderlayers/">Leaflet Control Order Layers</a>
|
|
</td><td>
|
|
Adds the ability to change overlay order in the layers control.
|
|
</td><td>
|
|
<a href="https://github.com/elesdoar/">Michael Salgado</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/robbiet480/leaflet-categorized-layers">Leaflet Categorized Layers</a>
|
|
</td><td>
|
|
Leaflet Control Layers extended for groups of categorized layers
|
|
</td><td>
|
|
<a href="http://robbie.io/">Robbie Trencheny</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/stefanocudini/leaflet-panel-layers">Leaflet Panel Layers</a>
|
|
</td><td>
|
|
Leaflet Control Layers extended for group of layers and icons legend
|
|
</td><td>
|
|
<a href="http://labs.easyblog.it">Stefano Cudini</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/chriscalip/L.UniformControl">Leaflet.UniformControl</a>
|
|
</td><td>
|
|
Leaflet layer control with stylable checkboxes and radio buttons.
|
|
</td><td>
|
|
<a href="https://github.com/chriscalip">Chris Calip</a>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
|
|
|
|
### <a name='control-panzoom-interactive'></a>Interactive pan/zoom
|
|
|
|
Change the way the user can interactively move around the map.
|
|
|
|
<table class="plugins"><tr><th>Plugin</th><th>Description</th><th>Maintainer</th></tr>
|
|
<tr>
|
|
<td>
|
|
<a href="http://kartena.github.com/Leaflet.Pancontrol/">Leaflet.Pancontrol</a>
|
|
</td><td>
|
|
A simple panning control.
|
|
</td><td>
|
|
<a href="http://www.kartena.se/">Kartena</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/gregallensworth/L.Control.BoxZoom">Leaflet.BoxZoom</a>
|
|
</td><td>
|
|
A visible, clickable control to perform a box zoom.
|
|
</td><td>
|
|
<a href="https://github.com/gregallensworth/L.Control.BoxZoom">Greg Allensworth</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="http://kartena.github.com/Leaflet.zoomslider/">Leaflet.zoomslider</a>
|
|
</td><td>
|
|
A zoom slider control.
|
|
</td><td>
|
|
<a href="http://www.kartena.se/">Kartena</a>
|
|
</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/slara/Leaflet.BorderPan">Leaflet.BorderPan</a>
|
|
</td><td>
|
|
A Leaflet plugin to pan by clicking on map borders.
|
|
</td><td>
|
|
<a href="https://github.com/slara">Sebastián Lara</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/SINTEF-9012/Leaflet.GameController">Leaflet GameController</a>
|
|
</td><td>
|
|
Interaction handler providing support for gamepads.
|
|
</td><td>
|
|
<a href="https://github.com/yellowiscool">Antoine Pultier</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/aratcliffe/Leaflet.twofingerzoom">Leaflet.twofingerZoom</a>
|
|
</td><td>
|
|
Interaction handler for touch devices enabling zooming out with a two finger tap.
|
|
</td><td>
|
|
<a href="https://github.com/aratcliffe/">Adam Ratcliffe</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/consbio/Leaflet.ZoomBox">Leaflet.ZoomBox</a>
|
|
</td>
|
|
<td>
|
|
A lightweight zoom box control: draw a box around the area you want to zoom to. <a href="https://consbio.github.io/Leaflet.ZoomBox">Demo</a>
|
|
</td>
|
|
<td>
|
|
<a href="https://github.com/brendan-ward">Brendan Ward</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/Zverik/Leaflet.LimitZoom">Leaflet LimitZoom</a>
|
|
</td><td>
|
|
Plugins to limit available zoom levels to a given list, either by
|
|
restricting zooming or by interpolating tiles.
|
|
</td><td>
|
|
<a href="https://github.com/zverik">Ilya Zverev</a>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
|
|
|
|
|
|
### <a name='mapcontrols-panzoom-bookmarked'></a>Bookmarked pan/zoom
|
|
|
|
Change the way the user is moved around the map, by jumping to predefined/stored places.
|
|
|
|
<table class="plugins"><tr><th>Plugin</th><th>Description</th><th>Maintainer</th></tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/pwldp/leaflet.viewcenter">Leaflet.viewcenter</a>
|
|
</td><td>
|
|
A simple control that adds a button to change view and zoom to predefinied values in options.
|
|
</td><td>
|
|
<a href="https://github.com/pwldp/">Dariusz Pawlak</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/alanshaw/leaflet-zoom-min/">leaflet-zoom-min</a>
|
|
</td><td>
|
|
Adds a button to the zoom control that allows you to zoom to the map minimum zoom level in a single click.
|
|
</td><td>
|
|
<a href="https://github.com/alanshaw/">Alan Shaw</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/davidchouse/Leaflet.NavBar">Leaflet Navigation Toolbar</a>
|
|
</td><td>
|
|
Leaflet control for simple back, forward and home navigation.
|
|
</td><td>
|
|
<a href="https://github.com/davidchouse">David C</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/mithron/leaflet.locationlist">Leaflet Locationlist</a>
|
|
</td><td>
|
|
A control to jump between predefined locations and zooms.
|
|
</td><td>
|
|
<a href="https://github.com/mithron">Ivan Ignatyev</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/nguyenning/Leaflet.defaultextent">Leaflet.defaultextent</a>
|
|
</td>
|
|
<td>
|
|
A control that returns to the original start extent of the map. Similar to the <a href="https://developers.arcgis.com/javascript/jssamples/widget_home.html">HomeButton</a> widget.
|
|
</td>
|
|
<td>
|
|
<a href="https://github.com/nguyenning">Alex Nguyen</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/w8r/Leaflet.Bookmarks">Leaflet.Bookmarks</a>
|
|
</td>
|
|
<td>
|
|
Control for adding and navigating between user-created bookmarks on the map.
|
|
</td>
|
|
<td>
|
|
<a href="https://github.com/w8r/">Alexander Milevski</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/florpor/Leaflet.ShowAll">Leaflet.ShowAll</a>
|
|
</td><td>
|
|
A control that can show a predefined extent while saving the current one so it can be jumped back to.
|
|
</td><td>
|
|
<a href="https://github.com/florpor">Mor Yariv</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/torfuspolymorphus/leaflet.zoomhome">Leaflet.zoomhome</a>
|
|
</td>
|
|
<td>
|
|
Zoom control with a home button for resetting the view (<a href="http://torfuspolymorphus.github.io/leaflet.zoomhome/">Demo</a>)
|
|
</td>
|
|
<td>
|
|
<a href="https://github.com/torfuspolymorphus">Florian Brucker</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/cscott530/leaflet-history">Leaflet-History</a>
|
|
</td>
|
|
<td>
|
|
Track history of map movements and zoom locations similar to a browser.
|
|
</td>
|
|
<td>
|
|
<a href="https://github.com/cscott530">Chris Scott</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/makinacorpus/Leaflet.RestoreView">Leaflet.RestoreView</a>
|
|
</td><td>
|
|
Stores and restores map view using localStorage.
|
|
</td><td>
|
|
<a href="https://github.com/leplatrem">Mathieu Leplatre</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/mlevans/leaflet-hash">leaflet-hash</a>
|
|
</td><td>
|
|
Plugin for persisting map state and browsing history through the URL hash.
|
|
</td><td>
|
|
<a href="https://github.com/mlevans">Michael Lawrence Evans</a>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
|
|
|
|
|
|
### <a name='mapcontrols-fullscreen'></a>Fullscreen controls
|
|
|
|
Allows display of the map in full-screen mode.
|
|
|
|
<table class="plugins"><tr><th>Plugin</th><th>Description</th><th>Maintainer</th></tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/mapbox/Leaflet.fullscreen">Leaflet.fullscreen</a>
|
|
</td><td>
|
|
A fullscreen button control by mapbox
|
|
</td><td>
|
|
<a href="https://github.com/mapbox">mapbox</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="http://brunob.github.com/leaflet.fullscreen">leaflet.fullscreen</a>
|
|
</td><td>
|
|
Another fullscreen button control but for modern browsers, using HTML5 Fullscreen API.
|
|
</td><td>
|
|
<a href="https://github.com/brunob/">Bruno B</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="http://elidupuis.github.com/leaflet.zoomfs">leaflet.zoomfs</a>
|
|
</td><td>
|
|
A fullscreen button control.
|
|
</td><td>
|
|
<a href="https://github.com/elidupuis">Eli Dupuis</a>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
|
|
|
|
|
|
### <a name='controls-minimaps'></a>Minimaps & synced maps
|
|
|
|
Display two maps at once. One of them might be a different size and zoom level, usable as a minimap to aid with navigation.
|
|
|
|
<table class="plugins"><tr><th>Plugin</th><th>Description</th><th>Maintainer</th></tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/turban/Leaflet.Sync">Leaflet.Sync</a>
|
|
</td><td>
|
|
Synchronized view of two maps.
|
|
</td><td>
|
|
<a href="https://github.com/turban">Bjørn Sandvik</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/Norkart/Leaflet-MiniMap">Leaflet.MiniMap</a>
|
|
</td><td>
|
|
A small minimap showing the map at a different scale to aid navigation.
|
|
</td><td>
|
|
<a href="https://github.com/robpvn">Robert Nordan</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/bbecquet/Leaflet.MagnifyingGlass">Leaflet.MagnifyingGlass</a>
|
|
</td><td>
|
|
Allows you to display a small portion of the map at another zoom level, either at a fixed position or linked to the mouse movement, for a magnifying glass effect.
|
|
</td><td>
|
|
<a href="https://github.com/bbecquet/">Benjamin Becquet</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="http://jieter.github.io/Leaflet.layerscontrol-minimap/">Leaflet.layerscontrol-minimap</a>
|
|
</td><td>
|
|
Extends the default Leaflet layers control with synced minimaps.
|
|
</td><td>
|
|
<a href="https://github.com/jieter">Jieter</a>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
### <a name='controls-measurement'></a>Measurement
|
|
|
|
Allow the user to measure distances or areas.
|
|
|
|
<table class="plugins"><tr><th>Plugin</th><th>Description</th><th>Maintainer</th></tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/makinacorpus/Leaflet.MeasureControl">Leaflet.MeasureControl</a>
|
|
</td><td>
|
|
A simple tool to measure distances on maps (*relies on Leaflet.Draw*).
|
|
</td><td>
|
|
<a href="https://github.com/makinacorpus/">Makina Corpus</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/zvaraondrej/Leaflet.MeasureAreaControl">Leaflet.MeasureAreaControl</a>
|
|
</td><td>
|
|
Control for measuring element's area.
|
|
</td><td>
|
|
<a href="https://github.com/zvaraondrej">Ondrej Zvara</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/ljagis/leaflet-measure">leaflet-measure</a>
|
|
</td>
|
|
<td>
|
|
Coordinate, linear, and area measure control for Leaflet maps
|
|
</td>
|
|
<td>
|
|
<a href="https://github.com/ljagis">LJA GIS</a>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
### <a name='mapcontrols-mousecoords'></a>Mouse coordinates
|
|
|
|
Show the geographical coordinates under the mouse cursor in different ways.
|
|
|
|
<table class="plugins"><tr><th>Plugin</th><th>Description</th><th>Maintainer</th></tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/ardhi/Leaflet.MousePosition">Leaflet.MousePosition</a>
|
|
</td><td>
|
|
A simple MousePosition control that displays geographic coordinates of the mouse pointer, as it is moved about the map
|
|
</td><td>
|
|
<a href="https://github.com/ardhi">Ardhi Lukianto</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/MrMufflon/Leaflet.Coordinates">Leaflet.Coordinates</a>
|
|
</td><td>
|
|
A simple Leaflet plugin viewing the mouse LatLng-coordinates. Also views a marker with coordinate popup on userinput.
|
|
</td><td>
|
|
<a href="https://github.com/MrMufflon">Felix Bache</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/zimmicz/Leaflet-Coordinates-Control">Leaflet Coordinates Control</a>
|
|
</td><td>
|
|
Captures mouseclick and displays its coordinates with easy way to copy them.
|
|
</td><td>
|
|
<a href="https://github.com/zimmicz">Michal Zimmermann</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/mahmoodvcs/Leaflet.NACCoordinates">Leaflet.NACCoordinates</a>
|
|
</td>
|
|
<td>
|
|
Displays NAC coordinate of the mouse pointer on mouse move (<a href="http://mahmoodvcs.github.io/Leaflet.NACCoordinates/">Demo</a>)
|
|
</td>
|
|
<td>
|
|
<a href="https://github.com/mahmoodvcs">Mahmood Dehghan</a>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
### <a name='mapcontrols-events'></a>Events
|
|
|
|
These plugins extend Leaflet event handling.
|
|
|
|
<table class="plugins"><tr><th>Plugin</th><th>Description</th><th>Maintainer</th></tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/CliffCloud/Leaflet.Sleep">L.Sleep</a>
|
|
</td><td>
|
|
Avoid unwanted scroll capturing.
|
|
<a href="https://cliffcloud.github.io/Leaflet.Sleep"> Demo</a>
|
|
</td><td>
|
|
<a href="https://github.com/atstp">atstp</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/makinacorpus/Leaflet.OverIntent">Leaflet.OverIntent</a>
|
|
</td><td>
|
|
Adds a new event ``mouseintent``, that differs from ``mouseover`` since it reflects user
|
|
intentions to aim a particular layer.
|
|
</td><td>
|
|
<a href="https://github.com/makinacorpus/">Mathieu Leplatre</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/makinacorpus/Leaflet.AlmostOver">Leaflet.AlmostOver</a>
|
|
</td><td>
|
|
Trigger mouse events when cursor is "almost" over a layer.
|
|
</td><td>
|
|
<a href="https://github.com/makinacorpus/">Mathieu Leplatre</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/Mappy/Leaflet-active-area">Leaflet-active-area</a>
|
|
</td><td>
|
|
This plugin allows you to use a smaller portion of the map as an active area.
|
|
All positionning methods (setView, fitBounds, setZoom) will be applied on this portion instead of the all map.
|
|
</td><td>
|
|
<a href="https://github.com/Mappy">Mappy</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/Alpstein/leaflet-singleclick_0.7">singleclick</a>
|
|
</td>
|
|
<td>
|
|
Extend Map to fire a <code>singleclick</code> event (<a href="http://alpstein.github.io/leaflet-singleclick_0.7/">example</a>).
|
|
</td>
|
|
<td>
|
|
<a href="http://glat.info">Guillaume Lathoud</a>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
### <a name='mapcontrol-userinterface'></a>User interface
|
|
|
|
Buttons, sliders, toolbars, sidebars, and panels.
|
|
|
|
<table class="plugins"><tr><th>Plugin</th><th>Description</th><th>Maintainer</th></tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/CliffCloud/Leaflet.EasyButton">L.EasyButton</a>
|
|
</td><td>
|
|
In one line, add a Font Awesome control button with attached click events.
|
|
<a href="https://cliffcloud.github.io/Leaflet.EasyButton"> Demo</a>
|
|
</td><td>
|
|
<a href="https://github.com/atstp">atstp</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/aratcliffe/Leaflet.contextmenu">Leaflet.contextmenu</a>
|
|
</td><td>
|
|
A context menu for Leaflet.
|
|
</td><td>
|
|
<a href="https://github.com/aratcliffe/">Adam Ratcliffe</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/turbo87/leaflet-sidebar/">leaflet-sidebar</a>
|
|
</td><td>
|
|
A responsive sidebar plugin.
|
|
</td><td>
|
|
<a href="https://github.com/turbo87/">Tobias Bieniek</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/turbo87/sidebar-v2/">sidebar-v2</a>
|
|
</td><td>
|
|
Another responsive sidebar plugin. This time with tabs!
|
|
</td><td>
|
|
<a href="https://github.com/turbo87/">Tobias Bieniek</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/tinuzz/leaflet-messagebox">Leaflet.Messagebox</a>
|
|
</td>
|
|
<td>
|
|
Display a temporary text message on a map (<a href="https://www.grendelman.net/leaflet/">Demo</a>)
|
|
</td>
|
|
<td>
|
|
<a href="https://github.com/tinuzz/">Martijn Grendelman</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/yohanboniface/Leaflet.TileLegend">Leaflet.TileLegend</a>
|
|
</td><td>
|
|
Create illustrated and interactive legends for your background layers.
|
|
</td><td>
|
|
<a href="http://yohanboniface.me">Yohan Boniface</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/Leaflet/Leaflet.toolbar">Leaflet.toolbar</a>
|
|
</td>
|
|
<td>
|
|
Flexible, extensible toolbars for Leaflet maps. View an example <a href="http://leaflet.github.io/Leaflet.toolbar/examples/popup.html">here</a>.
|
|
</td>
|
|
<td>
|
|
<a href="https://github.com/manleyjster">Justin Manley</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/gregallensworth/L.Control.Credits">L.Credits</a>
|
|
</td>
|
|
<td>
|
|
A simple, attractive, interactive control to put your logo and link in the corner of your map.
|
|
</td>
|
|
<td>
|
|
<a href="https://github.com/gregallensworth/">Greg Allensworth</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/makinacorpus/Leaflet.Spin">Leaflet.Spin</a>
|
|
</td><td>
|
|
Shows a nice spinner on the map using <a href="http://fgnass.github.com/spin.js/">Spin.js</a>,
|
|
for asynchronous data load, like with <a href="https://github.com/calvinmetcalf/leaflet-ajax">Leaflet Ajax</a>.
|
|
</td><td>
|
|
<a href="https://github.com/leplatrem">Mathieu Leplatre</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/oskosk/Leaflet.Weather">Leaflet Weather</a>
|
|
</td>
|
|
<td>
|
|
A Leaflet plugin for adding a weather widget to the map using OpenWeatherMap API (<a href="http://oskosk.github.io/Leaflet.Weather/">Demo</a>).
|
|
</td>
|
|
<td>
|
|
<a href="https://github.com/oskosk">Osk</a>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
|
|
|
|
|
|
### <a name='mapcontrols-print'></a>Print/export
|
|
|
|
Print or export your map.
|
|
|
|
<!--
|
|
- Saving a Leaflet Map to a PNG Example using Javascript and PHP https://github.com/tegansnyder/Leaflet-Save-Map-to-PNG
|
|
- Get a PNG from a Leaflet map and export it in PDF https://github.com/chrissom/leaflet-pdf
|
|
-->
|
|
|
|
<table class="plugins"><tr><th>Plugin</th><th>Description</th><th>Maintainer</th></tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/aratcliffe/Leaflet.print">Leaflet.print</a>
|
|
</td><td>
|
|
Implements the Mapfish print protocol allowing a Leaflet map to be printed using either the Mapfish or GeoServer print module.
|
|
</td><td>
|
|
<a href="https://github.com/aratcliffe">Adam Ratcliffe</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/rowanwins/leaflet-easyPrint">Leaflet-easyPrint</a>
|
|
</td><td>
|
|
A simple leaflet plugin which adds an icon to print the map. The resulting print page will strip ot the other content on the page and only print the leaflet map div.
|
|
</td><td>
|
|
<a href="https://github.com/rowanwins">Rowan Winsemius</a>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
|
|
|
|
|
|
### <a name='mapcontrols-geolocation'></a>Geolocation
|
|
|
|
Plugins that extend Leaflet's geolocation capabilities.
|
|
|
|
<table class="plugins"><tr><th>Plugin</th><th>Description</th><th>Maintainer</th></tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/CliffCloud/Leaflet.LocationShare">L.LocationShare</a>
|
|
</td><td>
|
|
Allow users to send and receive a marker with a message.
|
|
<a href="https://cliffcloud.github.io/Leaflet.LocationShare"> Demo</a>
|
|
</td><td>
|
|
<a href="https://github.com/atstp">atstp</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/domoritz/leaflet-locatecontrol">Leaflet.Locate</a>
|
|
</td><td>
|
|
A customizable locate control.
|
|
</td><td>
|
|
<a href="https://github.com/domoritz">Dominik Moritz</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/stefanocudini/leaflet-compass">Leaflet Control Compass</a>
|
|
</td><td>
|
|
A leaflet control plugin to build a simple rotating compass
|
|
</td><td>
|
|
<a href="http://labs.easyblog.it/">Stefano Cudini</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/M165437/Leaflet.AccuratePosition">Leaflet.AccuratePosition</a>
|
|
</td><td>
|
|
Leaflet.AccuratePosition aims to provide a desired device location accuracy.
|
|
</td><td>
|
|
<a href="https://github.com/M165437">Michael Schmidt-Voigt</a>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
|
|
|
|
|
|
|
|
|
|
## <a name='misc'></a>Miscellaneous
|
|
|
|
|
|
|
|
### <a name='geoprocessing'></a>Geoprocessing
|
|
|
|
The following plugins perform several sorts of geoprocessing (mathematical and topological operations on points, lines and polygons).
|
|
|
|
<table class="plugins"><tr><th>Plugin</th><th>Description</th><th>Maintainer</th></tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/kartena/Proj4Leaflet">Proj4Leaflet</a>
|
|
</td><td>
|
|
<a href="http://trac.osgeo.org/proj4js/">Proj4js</a> integration plugin, allowing you to use all kinds of weird projections in Leaflet.
|
|
</td><td>
|
|
<a href="http://www.kartena.se/">Kartena</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/springmeyer/arc.js">arc.js</a>
|
|
</td><td>
|
|
A JS library for drawing great circle routes that can be used with Leaflet.
|
|
</td><td>
|
|
<a href="https://github.com/springmeyer">Dane Springmeyer</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/tmcw/leaflet-pip">Leaflet-pip</a>
|
|
</td><td>
|
|
Simple point in polygon calculation using <a href="https://github.com/substack/point-in-polygon">point-in-polygon</a>.
|
|
</td><td>
|
|
<a href="https://github.com/tmcw">Tom MacWright</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/makinacorpus/Leaflet.GeometryUtil">Leaflet.GeometryUtil</a>
|
|
</td><td>
|
|
A collection of utilities for Leaflet geometries (linear referencing, etc.)
|
|
</td><td>
|
|
<a href="https://github.com/bbecquet">Benjamin Becquet</a>, <a href="https://github.com/leplatrem">Mathieu Leplatre</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/w8r/GreinerHormann">Greiner-Hormann</a>
|
|
</td>
|
|
<td>
|
|
Greiner-Hormann algorithm for polygon clipping and binary operations, adapted for use with Leaflet.
|
|
</td>
|
|
<td>
|
|
<a href="https://github.com/w8r">Alexander Milevski</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/henrythasler/Leaflet.Geodesic">Leaflet.Geodesic</a>
|
|
</td><td>
|
|
Draw geodesic (poly)lines. A geodesic line is the shortest path between two given positions on the earth surface. and You can also calculate the exact distance between two given points on the map.
|
|
</td><td>
|
|
<a href="https://github.com/henrythasler">Henry Thasler</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/skeate/Leaflet.buffer">Leaflet.buffer</a>
|
|
</td><td>
|
|
Enables buffering of shapes drawn with Leaflet.draw.
|
|
</td><td>
|
|
<a href="https://github.com/skeate">Jonathan Skeate</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/makinacorpus/Leaflet.LayerIndex">Leaflet.LayerIndex</a>
|
|
</td><td>
|
|
An efficient spatial index for features and layers, using <a href="https://github.com/imbcmdth/RTree">RTree.js</a>.
|
|
</td><td>
|
|
<a href="https://github.com/leplatrem">Mathieu Leplatre</a>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
|
|
|
|
|
|
### <a name='routing'></a> Routing
|
|
|
|
The following plugins use external services to calculate driving or walking routes.
|
|
|
|
<table class="plugins"><tr><th>Plugin</th><th>Description</th><th>Maintainer</th></tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/perliedman/leaflet-routing-machine">Leaflet Routing Machine</a>
|
|
</td><td>
|
|
Control for route search between waypoints, displaying itinerary and alternative routes. Currently
|
|
uses <a href="http://project-osrm.org/">OSRM</a> to search routes.
|
|
</td><td>
|
|
<a href="https://github.com/perliedman">Per Liedman</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/Turistforeningen/leaflet-routing">Leaflet.Routing</a>
|
|
</td><td>
|
|
Leaflet controller and interface for routing paths between waypoints using any user provided routing service.
|
|
</td><td>
|
|
<a href="https://github.com/turistforeningen">Norwegian Trekking Association</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/route360/r360-js">Route360°</a>
|
|
</td><td>
|
|
Route360° visualizes the area which is reachable from a set of starting points in a given time and gives detailed routing information (walk, bike, car and <b>public transportation</b>) to targets.
|
|
</td><td>
|
|
<a href="http://www.motionintelligence.net/">Motion Intelligence GmbH</a>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
|
|
|
|
|
|
|
|
### <a name='geocoding'></a>Geocoding
|
|
|
|
External services that transform an address or the name of a place into latitude and longitude (or vice versa).
|
|
|
|
<table class="plugins"><tr><th>Plugin</th><th>Description</th><th>Maintainer</th></tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/smeijer/L.GeoSearch">Leaflet GeoSearch</a>
|
|
</td><td>
|
|
Small geocoding plugin that brings address searching/lookup (aka geosearching) to Leaflet.<br />
|
|
Comes with support for Google, OpenStreetMap Nominatim, Bing, Esri and Nokia. Easily extensible.
|
|
</td><td>
|
|
<a href="https://github.com/smeijer">Stephan Meijer</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/k4r573n/leaflet-control-osm-geocoder">Leaflet Control OSM Geocoder</a>
|
|
</td><td>
|
|
A simple geocoder that uses OpenstreetMap Nominatim to locate places by address.
|
|
</td><td>
|
|
<a href="https://github.com/k4r573n">Karsten Hinz</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/sa3m/leaflet-control-bing-geocoder">Leaflet Control Bing Geocoder</a>
|
|
</td><td>
|
|
A simple geocoder control that uses Bing to locate places.
|
|
</td><td>
|
|
<a href="https://github.com/sa3m">Samuel Piquet</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/perliedman/leaflet-control-geocoder">Leaflet Control Geocoder</a>
|
|
</td><td>
|
|
A clean and extensible control that uses Nominatim (OSM) or Bing to locate places. Easy to adapt for other providers.
|
|
</td><td>
|
|
<a href="https://github.com/perliedman">Per Liedman</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/jakubdostal/leaflet-geoip">Leaflet GeoIP Locator</a>
|
|
</td><td>
|
|
A simple plugin that allows finding the approximate location of IP addresses and map centering on said location.
|
|
</td><td>
|
|
<a href="https://github.com/jakubdostal">Jakub Dostal</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/Esri/esri-leaflet-geocoder">Esri Leaflet Geocoder</a>
|
|
</td><td>
|
|
A geocoding control with suggestions powered by the ArcGIS Online geocoder.
|
|
</td><td>
|
|
<a href="https://github.com/patrickarlt/">Patrick Arlt</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/lokku/leaflet-opencage-search">Leaflet.OpenCage.Search</a>
|
|
</td>
|
|
<td>
|
|
A search plugin plugin that uses <a href="http://geocoder.opencagedata.com/">OpenCage Data's geocoding API</a>.
|
|
</td>
|
|
<td>
|
|
The <a href="https://github.com/lokku">OpenCage</a> team
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/consbio/Leaflet.Geonames">Leaflet.Geonames</a>
|
|
</td>
|
|
<td>
|
|
A lightweight geocoding control powered by <a href="http://www.geonames.org/">GeoNames</a>. <a href="https://consbio.github.io/Leaflet.Geonames">Demo</a>
|
|
</td>
|
|
<td>
|
|
<a href="https://github.com/brendan-ward">Brendan Ward</a>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
|
|
|
|
|
|
## <a name='collections'></a>Plugin collections
|
|
|
|
Sets of plugins that span several categories.
|
|
|
|
Plugin developers: please keep future plugins in individual repositories.
|
|
|
|
<table class="plugins"><tr><th>Plugin</th><th>Description</th><th>Maintainer</th></tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/shramov/leaflet-plugins">Plugins by Pavel Shramov</a>
|
|
</td><td>
|
|
A set of plugins for: GPX, KML layers; Bing tile layer; Google and Yandex layers (implemented with their APIs), permalink and distance measurement controls.
|
|
</td><td>
|
|
<a href="https://github.com/shramov">Pavel Shramov</a>, <a href="https://github.com/brunob">Bruno B</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/Estimap/Spectrum4Leaflet">Spectrum4Leaflet</a>
|
|
</td><td>
|
|
Tools for using Spectrum Spatial Server services with leaflet. This plugin supports: map service, tile service, feature service. It has layers, legend and feature controls.
|
|
</td><td>
|
|
<a href="https://github.com/SVoyt">SVoyt</a>, <a href="https://github.com/Estimap">ESTI MAP</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="http://mapbbcode.org/leaflet.html">MapBBCode-related leaflet plugins</a>
|
|
</td><td>
|
|
Seven plugins for various features, independent of the MapBBCode library.
|
|
From circular and popup icons to buttons, layer switcher, better search and attribution.
|
|
</td><td>
|
|
<a href="https://github.com/zverik">Ilya Zverev</a>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
|
|
|
|
|
|
## <a name='integration'></a>Integration
|
|
|
|
### <a name='integration-frameworks'></a> Frameworks & build systems
|
|
|
|
Ease your development integrating Leaflet into a development framework or automating some of the javascript/CSS work for complex applications.
|
|
|
|
<table class="plugins"><tr><th>Plugin</th><th>Description</th><th>Maintainer</th></tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/moklick/generator-leaflet">Leaflet Yeoman Generator</a>
|
|
</td>
|
|
<td>
|
|
Yeoman generator that scaffolds out a basic Leaflet map application.
|
|
</td>
|
|
<td>
|
|
<a href="https://github.com/moklick">Moritz Klack</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/PaulLeCam/react-leaflet">react-leaflet</a>
|
|
</td>
|
|
<td>
|
|
<a href="https://facebook.github.io/react/">React</a> components for Leaflet maps.
|
|
</td>
|
|
<td>
|
|
<a href="http://paullecam.github.io/">Paul Le Cam</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/leaflet-extras/leaflet.css">Leaflet.CSS</a>
|
|
</td><td>
|
|
Add the main Leaflet CSS files (or any css) from within JavaScript, be gone conditional comments.
|
|
</td><td>
|
|
<a href="https://github.com/calvinmetcalf">Calvin Metcalf</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/Norkart/Leaflet-LayerConfig">Leaflet LayerConfig</a>
|
|
</td>
|
|
<td>
|
|
Provide a json file or service response with a configuration of layers and markers to automatically set up a Leaflet client.
|
|
</td>
|
|
<td>
|
|
<a href="https://github.com/alexanno">Alexander Nossum</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/yohanboniface/Leaflet.i18n">Leaflet.i18n</a>
|
|
</td><td>
|
|
Internationalization for Leaflet plugins.
|
|
</td><td>
|
|
<a href="http://yohanboniface.me">Yohan Boniface</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/dagjomar/Leaflet.ZoomCSS">Leaflet ZoomLevel CSS Class</a>
|
|
</td>
|
|
<td>
|
|
Add zoom level css class to map element for easy style updates based on zoom levels
|
|
</td>
|
|
<td>
|
|
<a href="https://github.com/dagjomar">Dag Jomar Mersland</a>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
|
|
|
|
### <a name='integration-3rdparty'></a> 3<sup>rd</sup> party integration
|
|
|
|
The following plugins integrate Leaflet into third party services or websites.
|
|
|
|
<table class="plugins"><tr><th>Plugin</th><th>Description</th><th>Maintainer</th></tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://github.com/yohanboniface/Leaflet.EditInOSM">Leaflet.EditInOSM</a>
|
|
</td><td>
|
|
Add a control with links to open the current map view on main OSM editors.
|
|
</td><td>
|
|
<a href="http://yohanboniface.me">Yohan Boniface</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="http://www.mapsmarker.com/">Maps Marker Pro</a>
|
|
</td><td>
|
|
A WordPress plugin that enables users to pin, organize and share their favorite places and tracks through their WordPress powered site.
|
|
</td><td>
|
|
<a href="http://www.harm.co.at/">Robert Harm</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="http://wordpress.org/plugins/leaflet-map/">WordPress Leaflet Map</a>
|
|
</td><td>
|
|
Interactive and flexible shortcode to create multiple maps in posts and pages,
|
|
and to add multiple markers on those maps.
|
|
</td><td>
|
|
<a href="https://twitter.com/bozdoz">Benjamin J DeLong</a>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<a href="https://maptiks.com">Maptiks</a>
|
|
</td>
|
|
<td>
|
|
Analytics platform for web maps. Track map activities, layer load times, marker clicks, and more!
|
|
</td>
|
|
<td>
|
|
<a href="http://www.sparkgeo.com/">Sparkgeo</a>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
|
|
|
|
|
|
|
|
|
|
## <a name='develop'></a> Develop your own
|
|
|
|
Leaflet keeps it simple. If you can think of a feature that is not required by all of Leaflet users, and you can write the javascript code in a reusable way, you've got yourself a Leaflet plugin already.
|
|
|
|
There are no hard requirements on how to create your own plugin, but all developers are encouraged to read the recommendations in the [plugin guide](https://github.com/Leaflet/Leaflet/blob/master/PLUGIN-GUIDE.md).
|
|
|
|
Once your plugin is ready, you can submit it to this list: just send a pull request with the addition to Leaflet repo's [gh-pages branch](https://github.com/Leaflet/Leaflet/tree/gh-pages) (`plugins.md` file).
|
|
|