2012-07-18 05:41:26 +08:00
---
2014-04-25 00:12:27 +08:00
layout: v2
2012-07-18 05:41:26 +08:00
title: Plugins
2015-05-08 21:53:46 +08:00
bodyclass: plugins-page
2012-07-18 05:41:26 +08:00
---
2015-03-25 21:30:40 +08:00
2014-04-28 17:52:03 +08:00
## Leaflet Plugins
2015-05-07 23:28:13 +08:00
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.
2012-07-19 00:12:01 +08:00
2015-05-08 21:53:46 +08:00
---
2015-05-07 23:28:13 +08:00
2015-05-08 04:42:30 +08:00
< div id = "toc" class = "clearfix" >
2015-06-30 19:14:39 +08:00
< div class = "toc-col" >
< h4 > Tile & image layers< / h4 >
2015-05-08 04:42:30 +08:00
< ul >
< li > < a href = '#basemap-providers' > Basemap providers< / a > < / li >
< li > < a href = '#basemap-formats' > Basemap formats< / a > < / li >
2015-05-08 21:53:46 +08:00
< li > < a href = '#non-map-base-layers' > Non-map base layers< / a > < / li >
< li > < a href = '#tileimage-display' > Tile/image display< / a > < / li >
< li > < a href = '#tile-load' > Tile load< / a > < / li >
2015-05-27 07:03:57 +08:00
< li > < a href = '#vector-tiles' > Vector tiles< / a > < / li >
2015-05-08 04:42:30 +08:00
< / ul >
< h4 > Overlay data< / h4 >
< ul >
2015-05-08 21:53:46 +08:00
< li > < a href = '#overlay-data-formats' > Overlay data formats< / a > < / li >
< li > < a href = '#dynamiccustom-data-loading' > Dynamic data loading< / a > < / li >
< li > < a href = '#synthetic-overlays' > Synthetic overlays< / a > < / li >
< li > < a href = '#data-providers' > Data providers< / a > < / li >
2015-05-08 04:42:30 +08:00
< / ul >
< / div >
2015-06-30 19:14:39 +08:00
< div class = "toc-col" >
2015-05-08 04:42:30 +08:00
< h4 > Overlay Display< / h4 >
< ul >
2015-06-30 19:14:39 +08:00
< li > < a href = "#markers--renderers" > Markers & renderers< / a > < / li >
2015-05-08 21:53:46 +08:00
< li > < a href = "#overlay-animations" > Overlay animations< / a > < / li >
< li > < a href = "#clusteringdecluttering" > Clustering/decluttering< / a > < / li >
< li > < a href = "#heatmaps" > Heatmaps< / a > < / li >
< li > < a href = "#dataviz" > DataViz< / a > < / li >
2015-05-08 04:42:30 +08:00
< / ul >
< h4 > Overlay interaction< / h4 >
< ul >
2015-05-08 21:53:46 +08:00
< li > < a href = "#edit-geometries" > Edit geometries< / a > < / li >
2015-06-30 19:14:39 +08:00
< li > < a href = "#time--elevation" > Time & elevation< / a > < / li >
< li > < a href = "#search--popups" > Search & popups< / a > < / li >
2015-05-08 21:53:46 +08:00
< li > < a href = "#areaoverlay-selection" > Area/overlay selection< / a > < / li >
2015-05-08 04:42:30 +08:00
< / ul >
< / div >
2015-06-30 19:14:39 +08:00
< div class = "toc-col" >
2015-05-08 04:42:30 +08:00
< h4 > Map interaction< / h4 >
< ul >
2015-05-08 21:53:46 +08:00
< li > < a href = "#layer-switching-controls" > Layer switching controls< / a > < / li >
< li > < a href = "#interactive-panzoom" > Interactive pan/zoom< / a > < / li >
< li > < a href = "#bookmarked-panzoom" > Bookmarked pan/zoom< / a > < / li >
< li > < a href = "#fullscreen-controls" > Fullscreen< / a > < / li >
< li > < a href = "#minimaps--synced-maps" > Minimaps & synced maps< / a > < / li >
< li > < a href = "#measurement" > Measurement< / a > < / li >
< li > < a href = "#mouse-coordinates" > Mouse coordinates< / a > < / li >
< li > < a href = "#events" > Events< / a > < / li >
< li > < a href = "#user-interface" > User interface< / a > < / li >
< li > < a href = "#printexport" > Print/export< / a > < / li >
< li > < a href = "#geolocation" > Geolocation< / a > < / li >
2015-05-08 04:42:30 +08:00
< / ul >
< / div >
2015-06-30 19:14:39 +08:00
< div class = "toc-col" >
2015-05-08 04:42:30 +08:00
< 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 >
2015-05-08 21:53:46 +08:00
< li > < a href = "#plugin-collections" > Plugin collections< / a > < / li >
2015-05-08 04:42:30 +08:00
< / ul >
< h4 > Integration< / h4 >
< ul >
2015-05-08 21:53:46 +08:00
< li > < a href = "#frameworks--build-systems" > Frameworks & build systems< / a > < / li >
< li > < a href = "#suprdsup-party-integration" > 3< sup > rd< / sup > party< / a > < / li >
2015-05-08 04:42:30 +08:00
< / ul >
< hr >
2015-05-08 21:53:46 +08:00
< a href = "#develop-your-own" > Develop your own< / a >
2015-05-08 04:42:30 +08:00
< / div >
< / div >
2015-05-08 21:53:46 +08:00
## Tile & image layers
2015-05-08 04:42:30 +08:00
The following plugins allow loading different maps and provide functionality to tile and image layers.
2015-05-07 23:28:13 +08:00
* [Basemap providers ](#basemap-providers )
* [Basemap formats ](#basemap-formats )
2015-05-08 21:53:46 +08:00
* [Non-map base layers ](#non-map-base-layers )
* [Tile/image display ](#tileimage-display )
* [Tile load ](#tile-load )
2015-05-27 07:03:57 +08:00
* [Vector tiles ](#vector-tiles )
2015-05-07 23:28:13 +08:00
2015-05-08 21:53:46 +08:00
### Basemap providers
2015-05-07 23:28:13 +08:00
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 >
2014-08-27 04:57:33 +08:00
< tr >
< td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/leaflet-extras/leaflet-providers" > leaflet-providers< / a >
2014-08-27 04:57:33 +08:00
< / td > < td >
2017-01-28 19:21:33 +08:00
Contains configurations for various free tile providers — OSM, OpenCycleMap, Stamen, Esri, etc.
2014-08-27 04:57:33 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/leaflet-extras" > leaflet-extras members< / a >
2014-08-27 04:57:33 +08:00
< / td >
< / tr >
2015-04-20 03:56:44 +08:00
< tr >
< td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/tontita/Leaflet.KoreanTmsProviders" > Leaflet.KoreanTmsProviders< / a >
2015-04-20 03:56:44 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
Contains configurations for various (South) Korean tile providers — Daum, Naver, VWorld, etc.
2015-04-20 03:56:44 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/tontita/" > Seong Choi< / a >
2015-04-20 03:56:44 +08:00
< / td >
< / tr >
2014-02-16 11:42:50 +08:00
< tr >
< td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/htoooth/Leaflet.ChineseTmsProviders" > Leaflet.ChineseTmsProviders< / a >
2014-02-16 11:42:50 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
Contains configurations for various Chinese tile providers — TianDiTu, MapABC, GaoDe, etc.
2014-02-16 11:42:50 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/htoooth/" > Tao Huang< / a >
2014-02-16 11:42:50 +08:00
< / td >
< / tr >
2013-11-21 00:52:34 +08:00
< tr >
< td >
2015-05-07 23:28:13 +08:00
< a href = "http://esri.github.io/esri-leaflet" > Esri Leaflet< / a >
2013-11-21 00:52:34 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
A set of tools for using ArcGIS services with Leaflet. Support for map services, feature layers, ArcGIS Online tiles and more.
2013-11-21 00:52:34 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/patrickarlt/" > Patrick Arlt< / a >
2013-11-21 00:52:34 +08:00
< / td >
< / tr >
2012-07-19 00:12:01 +08:00
< tr >
< td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/aparshin/leaflet-GIBS" > Leaflet.GIBS< / a >
2012-07-19 00:12:01 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
< 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 > .
2012-07-19 00:12:01 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/aparshin" > Alexander Parshin< / a >
2012-07-19 06:55:21 +08:00
< / td >
< / tr >
2015-05-21 16:24:52 +08:00
< tr >
< td >
< a href = "https://github.com/knreise/L.TileLayer.Kartverket" > L.TileLayer.Kartverket< / a >
< / td > < td >
2015-06-15 17:49:50 +08:00
Provides easy setup of the tile layers from < a href = "http://kartverket.no/Kart/Gratis-kartdata/Cache-tjenester/" > Kartverket< / a > (The Norwegian Mapping Authority)
2015-05-21 16:24:52 +08:00
< / td > < td >
2015-07-01 15:14:40 +08:00
< a href = "https://github.com/knreise" > Kultur og naturreise< / a > / < a href = "https://github.com/atlefren" > Atle Frenvik Sveen< / a >
2015-05-21 16:24:52 +08:00
< / td >
< / tr >
2015-06-15 17:49:50 +08:00
< tr >
< td >
< a href = "https://github.com/sigdeletras/Leaflet.Spain.WMS" > Leaflet.Spain.WMS< / a >
< / td > < td >
Provides easy setup for several Web Map Services (WMS) layers for Spain (PNOA, IGN base, Catastro, etc), from Spanish mapping agencies.
< / td > < td >
< a href = "https://github.com/sigdeletras" > Patricio Soriano< / a >
< / td >
< / tr >
2015-08-19 05:51:55 +08:00
< tr >
< td >
< a href = "https://github.com/GeoSensorWebLab/polarmap.js" > PolarMap.js< / a >
< / td > < td >
JavaScript library for displaying tiles from < a href = "http://webmap.arcticconnect.org" > ArcticWebMap< / a > , a free tile provider with OSM data in multiple Arctic polar projections. Includes lower-level API for deeper integration with other Leaflet plugins.
< / td > < td >
< a href = "https://github.com/geosensorweblab" > GeoSensorWeb Lab< / a >
< / td >
< / tr >
2015-12-02 10:48:22 +08:00
< tr >
< td >
< a href = "https://github.com/gmaclennan/leaflet-bing-layer" > Bing Maps Layer< / a >
< / td > < td >
Add < a href = "https://msdn.microsoft.com/en-us/library/ff701721.aspx" > Bing Maps tiles< / a > to your Leaflet Map. Requires Leaflet v1.0.0.beta.2 or later.
< / td > < td >
< a href = "https://github.com/gmaclennan" > Gregor MacLennan< / a >
< / td >
< / tr >
2016-06-28 16:10:54 +08:00
< tr >
< td >
< a href = "https://gitlab.com/IvanSanchez/Leaflet.TileLayer.HERE" > L.TileLayer.HERE< / a >
< / td > < td >
2016-06-28 16:17:12 +08:00
Displays map tiles from HERE maps (< a href = "https://ivansanchez.gitlab.io/Leaflet.TileLayer.HERE/demo.html" > demo< / a > ).
2016-06-28 16:10:54 +08:00
< / td > < td >
< a href = "https://github.com/IvanSanchez" > Iván Sánchez< / a >
< / td >
< / tr >
2016-09-15 18:43:01 +08:00
< tr >
< td >
< a href = "https://gitlab.com/IvanSanchez/Leaflet.GridLayer.GoogleMutant" > L.GridLayer.GoogleMutant< / a >
< / td > < td >
Displays Google maps (with minimal artifacts thanks to a < a href = 'https://developer.mozilla.org/en-US/docs/Web/API/MutationObserver' > DOM mutation observer< / a > technique) (< a href = "http://ivansanchez.gitlab.io/Leaflet.GridLayer.GoogleMutant/demo.html" > demo< / a > ).
< / td > < td >
< a href = "https://github.com/IvanSanchez" > Iván Sánchez< / a >
< / td >
2016-10-07 00:10:46 +08:00
< / tr >
2015-05-07 23:28:13 +08:00
< / table >
2015-05-08 21:53:46 +08:00
### Basemap formats
2015-05-07 23:28:13 +08:00
2015-05-08 04:42:30 +08:00
Plugins for loading basemaps or GIS raster layers in common (albeit non-default) formats.
2015-05-07 23:28:13 +08:00
< table class = "plugins" > < tr > < th > Plugin< / th > < th > Description< / th > < th > Maintainer< / th > < / tr >
2015-03-31 22:32:33 +08:00
< tr >
< td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/mylen/leaflet.TileLayer.WMTS" > leaflet.TileLayer.WMTS< / a >
< / td > < td > Add WMTS (IGN) layering for leaflet.
2015-03-31 22:32:33 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/mylen" > Alexandre Melard< / a >
2015-03-31 22:32:33 +08:00
< / td >
< / tr >
2012-07-19 06:55:21 +08:00
< tr >
< td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/azgs/azgs-leaflet" > azgs-leaflet< / a >
2012-07-19 06:55:21 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
A set of small plugins for Leaflet, including WFS-GeoJSON layer with filtering, a hover control for GeoJSON, and an Esri tile layer.
2012-07-19 06:55:21 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/azgs" > AZGS< / a >
2012-07-19 06:55:21 +08:00
< / td >
< / tr >
2015-05-07 23:28:13 +08:00
< tr >
2012-07-19 06:55:21 +08:00
< td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/heigeo/leaflet.wms" > leaflet.wms< / a >
2012-07-19 06:55:21 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
Enhanced WMS support for Leaflet, including single-tile/untiled layers, shared WMS sources, and layer identify via GetFeatureInfo.
2012-07-19 06:55:21 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/sheppard/" > S. Andrew Sheppard< / a > < br > (< a href = "https://github.com/heigeo/" > HEI Geo< / a > )
2012-07-19 00:12:01 +08:00
< / td >
< / tr >
2012-07-19 06:55:21 +08:00
< tr >
< td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/balrog-kun/Leaflet.bpg" > Leaflet.bpg< / a >
2012-07-19 06:55:21 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
TileLayer with < a href = "http://bellard.org/bpg/" > .bpg< / a > image format decoding.
2012-07-19 06:55:21 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/balrog-kun/" > Andrzej Zaborowski< / a >
2012-07-19 06:55:21 +08:00
< / td >
< / tr >
2012-11-09 22:43:33 +08:00
< tr >
2012-08-16 23:31:55 +08:00
< td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/glenrobertson/leaflet-tilelayer-geojson/" > TileLayer.GeoJSON< / a >
2012-08-16 23:31:55 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
A TileLayer for GeoJSON tiles.
2012-08-16 23:31:55 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/glenrobertson" > Glen Robertson< / a >
2012-08-16 23:31:55 +08:00
< / td >
< / tr >
2012-11-12 00:26:09 +08:00
< tr >
< td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/kartena/leaflet-tilejson" > leaflet-tilejson< / a >
2012-11-12 00:26:09 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
Adds support for the < a href = "https://github.com/mapbox/TileJSON" > TileJSON< / a > specification to Leaflet.
2012-11-12 00:26:09 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/perliedman" > Per Liedman< / a > , < a href = "http://www.kartena.se/" > Kartena< / a >
2012-11-12 00:26:09 +08:00
< / td >
< / tr >
2012-11-09 22:43:33 +08:00
< tr >
2012-07-30 07:50:44 +08:00
< td >
2015-05-07 23:28:13 +08:00
< a href = "http://vizzuality.github.com/cartodb-leaflet/" > cartodb-leaflet< / a >
2012-07-30 07:50:44 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
Official < a href = "http://cartodb.com/" > CartoDB< / a > plugin for Leaflet.
2012-07-30 07:50:44 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
< a href = "http://vizzuality.com/" > Vizzuality< / a >
2012-07-30 07:50:44 +08:00
< / td >
< / tr >
2013-02-22 22:11:56 +08:00
< tr >
< td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/emikhalev/leaflet-2gis" > Leaflet-2gis< / a >
2013-02-22 22:11:56 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
Adds support for 2GIS tile layer
2013-02-22 22:11:56 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/emikhalev/" > Eugene Mikhalev< / a >
2013-02-22 22:11:56 +08:00
< / td >
< / tr >
2015-07-15 21:26:23 +08:00
< tr >
< td >
< a href = "https://github.com/geobricks/Leaflet.GeoJSON.Encoded" > Leaflet GeoJSON Encoded< / a >
< / td > < td >
Extends the L.GeoJSON layer using Google polyline encoding algorithm, allowing an optimized data transfer.
< / td > < td >
< a href = "https://github.com/geobricks/" > Geobricks< / a >
< / td >
2016-01-10 10:19:50 +08:00
< / tr >
2016-11-16 22:53:58 +08:00
< tr >
< td >
< a href = "https://gitlab.com/IvanSanchez/Leaflet.TileLayer.MBTiles" > Leaflet.TileLayer.MBTiles< / a >
< / td > < td >
2016-11-21 16:22:17 +08:00
Loads < a href = "https://github.com/mapbox/mbtiles-spec" > < code > .mbtiles< / code > < / a > tilesets.
2016-11-16 22:53:58 +08:00
< / td > < td >
2016-11-21 16:23:22 +08:00
< a href = "https://github.com/IvanSanchez/" > Iván Sánchez< / a >
2016-11-16 22:53:58 +08:00
< / td >
< / tr >
2015-05-07 23:28:13 +08:00
< / table >
2015-05-08 21:53:46 +08:00
### Non-map base layers
2015-05-07 23:28:13 +08:00
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 >
2013-10-12 16:44:29 +08:00
< tr >
< td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/turban/Leaflet.Zoomify" > TileLayer.Zoomify< / a >
2013-10-12 16:44:29 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
A TileLayer for Zoomify images.
2013-10-12 16:44:29 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/turban" > Bjørn Sandvik< / a >
2013-10-12 16:44:29 +08:00
< / td >
< / tr >
2013-11-20 01:13:13 +08:00
< tr >
< td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/alfarisi/leaflet-deepzoom" > TileLayer.DeepZoom< / a >
2013-11-20 01:13:13 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
A TileLayer for DeepZoom images.
2013-11-20 01:13:13 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/alfarisi" > Al Farisi< / a > ,
< a href = "http://indokreatif.net" > Indokreatif Teknologi< / a >
2013-11-20 01:13:13 +08:00
< / td >
< / tr >
2012-11-30 14:54:45 +08:00
< tr >
< td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/namrehs/Leaflet.Gigapan" > TileLayer.Gigapan< / a >
2012-11-30 14:54:45 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
A TileLayer for Gigapan images.
2012-11-30 14:54:45 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/namrehs" > Dan Sherman< / a >
2012-07-30 07:50:44 +08:00
< / td >
< / tr >
2012-11-09 22:43:33 +08:00
< tr >
< td >
2015-05-07 23:28:13 +08:00
< 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.
2012-11-09 22:43:33 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/ebertin" > Emmanuel Bertin< / a >
2012-11-09 22:43:33 +08:00
< / td >
< / tr >
2012-12-01 01:02:14 +08:00
< tr >
< td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/mejackreed/Leaflet-IIIF" > Leaflet-IIIF< / a >
2012-12-01 01:02:14 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
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 > .
2012-12-01 01:02:14 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/mejackreed" > Jack Reed< / a >
2012-12-01 01:02:14 +08:00
< / td >
< / tr >
2015-05-28 21:14:31 +08:00
< tr >
< td >
< a href = "https://github.com/aparshin/leaflet-fractal" > leaflet-fractal< / a >
< / td > < td >
Renders some fractals (Mandelbrot set, Julia set and some others) using 2D canvas (< a href = "http://aparshin.github.io/leaflet-fractal/" > demo< / a > ).
< / td > < td >
< a href = "https://github.com/aparshin" > Alexander Parshin< / a >
< / td >
< / tr >
2016-10-25 20:18:53 +08:00
< tr >
< td >
< a href = "https://github.com/commenthol/leaflet-rastercoords" > leaflet-rastercoords< / a >
< / td > < td >
Renders large tiled images generated with
< a href = "http://github.com/commenthol/gdal2tiles-leaflet" > gdal2tiles-leaflet< / a > .
Image raster coordinates can be used to set markers, etc.
(< a href = "http://commenthol.github.io/leaflet-rastercoords" > demo< / a > ).
< / td > < td >
< a href = "https://github.com/commenthol" > Commenthol< / a >
< / td >
< / tr >
2015-05-07 23:28:13 +08:00
< / table >
2015-05-08 21:53:46 +08:00
### Tile/image display
2015-05-07 23:28:13 +08:00
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 >
2013-01-01 05:22:38 +08:00
< tr >
< td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/aparshin/leaflet-boundary-canvas" > TileLayer.BoundaryCanvas< / a >
2013-01-01 05:22:38 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
Allows you to draw tile layers with arbitrary polygonal boundary. HTML5 Canvas is used for rendering.
2013-01-01 05:22:38 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/aparshin" > Alexander Parshin< / a >
2013-01-01 05:22:38 +08:00
< / td >
< / tr >
2013-01-03 18:01:43 +08:00
< tr >
< td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/Zverik/leaflet-grayscale/" > TileLayer.Grayscale< / a >
2013-01-03 18:01:43 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
A regular TileLayer with grayscale makeover.
2013-01-03 18:01:43 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/Zverik" > Ilya Zverev< / a >
2014-05-05 10:27:56 +08:00
< / td >
2013-01-03 18:01:43 +08:00
< / tr >
2013-01-15 06:46:40 +08:00
< tr >
< td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/ScanEx/Leaflet.imageTransform" > Leaflet.ImageTransform< / a >
< / td > < td > Add support of image overlays with arbitrary perspective transformation.
2013-01-15 06:46:40 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/aparshin" > Alexander Parshin< / a > ,
< a href = "https://github.com/OriginalSin" > Sergey Alekseev< / a >
2013-01-15 06:46:40 +08:00
< / td >
< / tr >
2013-01-19 09:04:36 +08:00
< tr >
< td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/lizardtechblog/Leaflet.OpacityControls" > Leaflet.OpacityControls< / a >
2013-01-19 09:04:36 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
Simple Leaflet controls to adjust the opacity of a map layer.
2013-01-19 09:04:36 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/lizardtechblog/" > Jared Dominguez< / a >
2013-01-19 09:04:36 +08:00
< / td >
< / tr >
2013-02-26 04:22:08 +08:00
< tr >
< td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/publiclab/Leaflet.DistortableImage" > Leaflet.DistortableImage< / a >
2013-02-26 04:22:08 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
Enable users to < a href = "https://publiclab.github.io/Leaflet.DistortableImage/examples/" > scale, rotate, and distort images< / a > on Leaflet maps.
2013-02-26 04:22:08 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/publiclab" > Public Lab< / a >
2013-02-26 04:22:08 +08:00
< / td >
< / tr >
2016-04-29 17:57:51 +08:00
< tr >
< td >
< a href = "https://github.com/IvanSanchez/Leaflet.ImageOverlay.Rotated" > Leaflet.ImageOverlay.Rotate< / a >
< / td > < td >
2016-04-29 19:33:24 +08:00
Displays rotated, scaled and skewed (but not rubbersheeted) ImageOverlays, given three control points. (< a href = 'http://ivansanchez.github.io/Leaflet.ImageOverlay.Rotated/demo.html' > demo< / a > ).
2016-04-29 17:57:51 +08:00
< / td > < td >
< a href = "https://github.com/IvanSanchez" > Iván Sánchez Ortega< / a >
< / td >
< / tr >
2015-05-30 17:35:06 +08:00
< tr >
< td >
< a href = "https://github.com/frogcat/leaflet-tilelayer-mask" > Leaflet.TileLayer.Mask< / a >
< / td > < td >
A TileLayer with mask effect (< a href = "http://frogcat.github.io/leaflet-tilelayer-mask/default/" > demo< / a > )
< / td > < td >
< a href = "https://github.com/frogcat" > Yuzo Matsuzawa< / a >
< / td >
< / tr >
2016-05-18 14:41:20 +08:00
< tr >
< td >
< a href = "https://github.com/GreenInfo-Network/L.TileLayer.PixelFilter/" > Leaflet.TileLayer.PixelFilter< / a >
< / td > < td >
A TileLayer which can filter and replace pixels by RGB code.
< br / >
< a href = "http://greeninfo-network.github.io/L.TileLayer.PixelFilter/demo1.html" > demo 1< / a > • < a href = "http://greeninfo-network.github.io/L.TileLayer.PixelFilter/demo2.html" > demo 2< / a >
< / td > < td >
< a href = "https://github.com/GreenInfo-Network/" > GreenInfo Network< / a >
< / td >
< / tr >
2015-12-03 16:37:08 +08:00
< tr >
< td >
< a href = "https://github.com/digidem/leaflet-side-by-side" > Leaflet.Control.SideBySide< / a >
< / td > < td >
A Leaflet control to add a split screen to compare two map overlays (< a href = "http://lab.digital-democracy.org/leaflet-side-by-side/" > demo< / a > ).
< / td > < td >
< a href = "http://www.digital-democracy.org" > Digital Democracy< / a >
< / td >
< / tr >
2016-10-30 05:14:55 +08:00
< tr >
< td >
< a href = "https://gitlab.com/IvanSanchez/Leaflet.TileLayer.GL" > Leaflet.TileLayer.GL< / a >
< / td > < td >
Applies custom WebGL shaders to each tile in a tilelayer. Demos: < a href = "http://ivansanchez.gitlab.io/Leaflet.TileLayer.GL/demo/demo-mandelbrot.html" > Mandelbrot set< / a > , < a href = "http://ivansanchez.gitlab.io/Leaflet.TileLayer.GL/demo/demo-antitoner.html" > manipulate tile colours< / a > , < a href = "http://ivansanchez.gitlab.io/Leaflet.TileLayer.GL/demo/demo-floow.html" > elevation with terrain-RBG tiles< / a > .
< / td > < td >
< a href = "https://github.com/IvanSanchez" > Iván Sánchez< / a >
< / td >
< / tr >
2015-05-07 23:28:13 +08:00
< / table >
2015-05-08 21:53:46 +08:00
### Tile Load
2015-05-07 23:28:13 +08:00
2015-05-08 04:42:30 +08:00
The following plugins change the way that tile layers are loaded into the map.
2015-05-07 23:28:13 +08:00
< table class = "plugins" > < tr > < th > Plugin< / th > < th > Description< / th > < th > Maintainer< / th > < / tr >
2015-02-22 20:24:13 +08:00
< tr >
< td >
2015-09-23 16:23:11 +08:00
< a href = "https://github.com/mattiasb/Leaflet.MultiTileLayer" > Leaflet.MultiTileLayer< / a >
2015-02-22 20:24:13 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
Allows to compose a TileLayer from several tile sources. Each source is active only on a defined set of zoomlevels.
2015-02-22 20:24:13 +08:00
< / td > < td >
2015-09-23 16:23:11 +08:00
< a href = "https://github.com/mattiasb" > Mattias Bengtsson< / a >
2015-02-22 20:24:13 +08:00
< / td >
< / tr >
2013-03-06 19:14:14 +08:00
< tr >
< td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/ismyrnow/Leaflet.functionaltilelayer" > Leaflet.FunctionalTileLayer< / a >
2013-03-06 19:14:14 +08:00
< / td > < td >
2015-07-03 03:54:57 +08:00
Allows you to define tile layer URLs using a function. Even works with asynchronous sources, using promises.
2013-03-06 19:14:14 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/ismyrnow" > Ishmael Smyrnow< / a >
2013-03-06 19:14:14 +08:00
< / td >
< / tr >
2013-03-16 08:25:40 +08:00
< tr >
< td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/gregallensworth/L.TileLayer.Cordova" > TileLayer.Cordova< / a >
2013-03-16 08:25:40 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
For use with Cordova/Phonegap, adds tile caching onto local device storage, switching between offline and online mode.
2013-03-16 08:25:40 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/gregallensworth" > Greg Allensworth< / a >
2013-03-16 08:25:40 +08:00
< / td >
< / tr >
2013-03-18 20:44:50 +08:00
< tr >
< td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/MazeMap/Leaflet.TileLayer.PouchDBCached" > TileLayer.PouchDBCached< / a >
2013-03-18 20:44:50 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
Allows all Leaflet TileLayers to cache into PouchDB for offline use.
2013-03-18 20:44:50 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/IvanSanchez" > Iván Sánchez Ortega< / a > ,
< a href = "https://github.com/MazeMap" > MazeMap< / a >
2013-03-18 20:44:50 +08:00
< / td >
< / tr >
2013-03-29 18:03:25 +08:00
< tr >
< td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/ebrelsford/Leaflet.loading" > Leaflet.loading< / a >
2013-03-29 18:03:25 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
A simple control that adds a loading indicator as tiles and other data are loaded.
2013-03-29 18:03:25 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/ebrelsford/" > Eric Brelsford< / a >
2013-03-29 18:03:25 +08:00
< / td >
< / tr >
2015-07-03 18:37:09 +08:00
< tr >
< td >
< a href = "https://github.com/TolonUK/Leaflet.EdgeBuffer" > Leaflet.EdgeBuffer< / a >
< / td > < td >
2016-04-22 05:36:32 +08:00
Buffer tiles beyond the edge of the viewport, for Leaflet 1.0. < a href = "http://www.tolon.co.uk/Leaflet.EdgeBuffer/comparison.html" > Demo< / a > .
2015-07-03 18:37:09 +08:00
< / td > < td >
< a href = "https://github.com/TolonUK" > Alex Paterson< / a >
< / td >
< / tr >
2015-11-24 01:12:01 +08:00
< tr >
< td >
< a href = "https://github.com/ghybs/Leaflet.TileLayer.Fallback" > Leaflet.TileLayer.Fallback< / a >
< / td > < td >
Replaces missing Tiles (HTTP 404 Not Found Error) by scaled up equivalent Tiles from lower zooms.
< / td > < td >
< a href = "https://github.com/ghybs" > ghybs< / a >
< / td >
< / tr >
2016-05-04 16:25:28 +08:00
< tr >
< td >
< a href = "https://github.com/Outdooractive/Leaflet.FeatureGroup.LoadEvents" > Leaflet.FeatureGroup.LoadEvents< / a >
< / td > < td >
`FeatureGroup` that supports the `"loading"` and `"load"` events (for v0.7.*).
< / td > < td >
< a href = "http://glat.info" > G. Lathoud< / a > , < a href = "http://www.outdooractive.com" > Outdooractive< / a > .
< / td >
< / tr >
2016-09-06 00:19:43 +08:00
< tr >
< td >
< a href = "https://gitlab.com/IvanSanchez/Leaflet.GridLayer.FadeOut" > Leaflet.GridLayer.FadeOut< / a >
< / td > < td >
Fades out grid layers and tilelayers when they are removed, making basemap changes smoother (for 1.0.0). < a href = "http://ivansanchez.gitlab.io/Leaflet.GridLayer.FadeOut/demo.html" > Demo< / a > .
< / td > < td >
< a href = "https://github.com/IvanSanchez" > Iván Sánchez< / a >
< / td >
< / tr >
2015-05-07 23:28:13 +08:00
< / table >
2015-05-27 07:03:57 +08:00
### Vector tiles
Plugins to display < a href = "https://github.com/mapbox/vector-tile-spec" > vector tiles< / a > .
< table class = "plugins" > < tr > < th > Plugin< / th > < th > Description< / th > < th > Maintainer< / th > < / tr >
< tr >
< td >
< a href = "https://github.com/SpatialServer/Leaflet.MapboxVectorTile" > Leaflet.MapboxVectorTile< / a >
< / td > < td >
2016-04-21 15:54:29 +08:00
A Leaflet Plugin that renders Mapbox Vector Tiles on canvas. See < a href = "http://spatialserver.github.io/Leaflet.MapboxVectorTile/examples/confetti.html" > demo< / a > . Compatible with Leaflet 0.7.x only.
2015-05-27 07:03:57 +08:00
< / td > < td >
< a href = "http://spatialdev.com/" > SpatialDev< / a >
< / td >
< / tr >
< tr >
< td >
< a href = "https://github.com/devTristan/hoverboard" > Hoverboard< / a >
< / td > < td >
2016-04-21 15:54:29 +08:00
Render vector tiles on canvas with leaflet (geojson, topojson, and protobuf). See < a href = "http://tristan.io/hoverboard/" > demo< / a > . Compatible with Leaflet 0.7.x only.
2015-05-27 07:03:57 +08:00
< / td > < td >
< a href = "http://tristan.io/" > Tristan Davies< / a >
< / td >
< / tr >
< tr >
< td >
< a href = "https://github.com/mapbox/geojson-vt" > geojson-vt< / a >
< / td > < td >
Efficient library for slicing GeoJSON data into vector tiles on the fly.
< / td > < td >
< a href = "https://www.mapbox.com/" > Mapbox< / a >
< / td >
< / tr >
2016-04-21 15:54:29 +08:00
< tr >
< td >
< a href = "https://github.com/IvanSanchez/Leaflet.VectorGrid" > Leaflet.VectorGrid< / a >
< / td > < td >
Display gridded vector data (GeoJSON or TopoJSON sliced with geojson-vt, or protobuf vector tiles) in Leaflet 1.0.0. See < a href = "https://github.com/IvanSanchez/Leaflet.VectorGrid#demo" > demos< / a > . Not compatible with 0.7.x.
< / td > < td >
< a href = "https://github.com/IvanSanchez" > Iván Sánchez< / a >
< / td >
< / tr >
2015-05-27 07:03:57 +08:00
< / table >
2015-05-08 21:53:46 +08:00
## Overlay data
2015-05-07 23:28:13 +08:00
2015-05-08 04:42:30 +08:00
The following plugins provide new ways of loading overlay data (GIS vector data): points, lines and polygons.
2015-05-07 23:28:13 +08:00
2015-05-08 21:53:46 +08:00
* [Overlay data formats ](#overlay-data-formats )
* [Dynamic data loading ](#dynamiccustom-data-loading )
* [Synthetic overlays ](#synthetic-overlays )
* [Data providers ](#data-providers )
2015-05-07 23:28:13 +08:00
2015-05-08 21:53:46 +08:00
### Overlay data formats
2015-05-07 23:28:13 +08:00
Load your own data from various GIS formats.
< table class = "plugins" > < tr > < th > Plugin< / th > < th > Description< / th > < th > Maintainer< / th > < / tr >
< tr >
2013-04-15 10:17:50 +08:00
< td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/mapbox/leaflet-omnivore" > leaflet-omnivore< / a >
2013-04-15 10:17:50 +08:00
< / td > < td >
2015-06-30 19:14:39 +08:00
Loads & converts CSV, KML, GPX, TopoJSON, WKT formats for Leaflet.
2013-04-15 10:17:50 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/mapbox" > Mapbox< / a >
2013-04-15 10:17:50 +08:00
< / td >
< / tr >
2013-06-20 08:20:25 +08:00
< tr >
< td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/makinacorpus/Leaflet.FileLayer" > Leaflet.FileLayer< / a >
2013-06-20 08:20:25 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
Loads files (GeoJSON, GPX, KML) into the map using the HTML5 FileReader API (i.e. locally without server).
2013-06-20 08:20:25 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/leplatrem" > Mathieu Leplatre< / a >
2013-06-20 08:20:25 +08:00
< / td >
2013-11-29 10:50:39 +08:00
< / tr >
2013-12-14 23:49:13 +08:00
< tr >
< td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/joker-x/Leaflet.geoCSV" > Leaflet.geoCSV< / a >
2013-12-14 23:49:13 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
Leaflet plugin for loading a CSV file as geoJSON layer.
2013-12-14 23:49:13 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/joker-x" > Iván Eixarch< / a >
2013-12-14 23:49:13 +08:00
< / td >
< / tr >
2015-03-04 13:03:42 +08:00
< tr >
< td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/calvinmetcalf/leaflet.shapefile" > Leaflet.Shapefile< / a >
2015-03-04 13:03:42 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
Put a shapefile onto your map as a layer.
2015-03-04 13:03:42 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/calvinmetcalf" > Calvin Metcalf< / a >
2015-03-04 13:03:42 +08:00
< / td >
< / tr >
2015-03-22 04:01:14 +08:00
< tr >
< td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/calvinmetcalf/leaflet.filegdb" > Leaflet.FileGDB< / a >
2015-03-22 04:01:14 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
Put an ESRI File GeoDatabase onto your map as a layer.
2015-03-22 04:01:14 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/calvinmetcalf" > Calvin Metcalf< / a >
2015-03-22 04:01:14 +08:00
< / td >
< / tr >
2015-02-26 20:13:53 +08:00
< tr >
< td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/jieter/Leaflet.encoded" > Leaflet.encoded< / a >
2015-02-26 20:13:53 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
Use encoded polylines in Leaflet.
2015-02-26 20:13:53 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/jieter" > Jieter< / a >
2015-02-26 20:13:53 +08:00
< / td >
< / tr >
2013-07-05 04:22:57 +08:00
< tr >
< td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/mpetazzoni/leaflet-gpx" > Leaflet GPX< / a >
2013-07-05 04:22:57 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
GPX layer, targeted at sporting activities by providing access to information such as distance, moving time, pace, elevation, heart rate, etc.
2013-07-05 04:22:57 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/mpetazzoni/" > Maxime Petazzoni< / a >
2013-07-05 04:22:57 +08:00
< / td >
2013-11-29 10:50:39 +08:00
< / tr >
2014-10-05 11:45:01 +08:00
< tr >
< td >
2015-05-07 23:28:13 +08:00
< a href = "http://arthur-e.github.com/Wicket/" > Wicket< / a >
2014-10-05 11:45:01 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
A modest library for translating between Well-Known Text (WKT) and Leaflet geometry objects (e.g. between L.marker() instances and "POINT()" strings).
2014-10-05 11:45:01 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/arthur-e/" > K. Arthur Endsley< / a >
2014-10-05 11:45:01 +08:00
< / td >
< / tr >
2015-05-09 20:25:35 +08:00
< tr >
< td >
2016-05-06 21:06:13 +08:00
< a href = "https://github.com/tomchadwin/qgis2web" > qgis2web< / a >
2015-05-09 20:25:35 +08:00
< / td > < td >
2016-05-06 21:06:13 +08:00
A < a href = "http://qgis.org/" > QGIS< / a > plugin to make webmaps without coding.
2015-05-09 20:25:35 +08:00
< / td > < td >
2016-05-06 21:06:13 +08:00
< a href = "https://github.com/tomchadwin" > Tom Chadwin< / a >
2015-05-09 20:25:35 +08:00
< / td >
< / tr >
2015-06-15 20:52:43 +08:00
< tr >
< td >
< a href = "https://github.com/Flexberry/Leaflet-WFST" > Leaflet-WFST< / a >
< / td > < td >
< a href = "http://www.opengeospatial.org/standards/wfs" > WFS< / a > client layer with transaction support
< / td > < td >
< a href = "https://github.com/Flexberry/" > Flexberry< / a >
< / td >
< / tr >
2016-09-30 22:40:40 +08:00
< tr >
< td >
< a href = "https://github.com/daniellsu/leaflet-betterscale" > Leaflet-BetterScale< / a >
< / td > < td >
A new, more GIS-like scalebar with alternating black/white bars.
< / td > < td >
< a href = "https://github.com/daniellsu/" > Dan Brown< / a >
< / td >
< / tr >
2015-05-07 23:28:13 +08:00
< / table >
2015-05-08 21:53:46 +08:00
### Dynamic/custom data loading
2015-05-07 23:28:13 +08:00
2015-05-08 04:42:30 +08:00
Load dynamic data which is updated in the map, or load GIS vector data in non-standard ways.
2015-05-07 23:28:13 +08:00
< table class = "plugins" > < tr > < th > Plugin< / th > < th > Description< / th > < th > Maintainer< / th > < / tr >
2013-07-19 23:47:23 +08:00
< tr >
< td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/perliedman/leaflet-realtime" > Leaflet Realtime< / a >
2013-07-19 23:47:23 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
Put realtime data on a Leaflet map: live tracking GPS units, sensor data or just about anything.
2013-07-19 23:47:23 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/perliedman/" > Per Liedman< / a >
2013-07-19 23:47:23 +08:00
< / td >
< / tr >
2013-08-03 23:02:31 +08:00
< tr >
< td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/calvinmetcalf/leaflet-ajax" > Leaflet Ajax< / a >
2013-08-03 23:02:31 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
Add GeoJSON data via ajax or jsonp.
2013-08-03 23:02:31 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/calvinmetcalf/" > Calvin Metcalf< / a >
2013-08-03 23:02:31 +08:00
< / td >
2013-08-09 01:03:16 +08:00
< / tr >
< tr >
< td >
2015-05-07 23:28:13 +08:00
< 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 >
2013-08-09 01:03:16 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
Use PouchDB to sync CouchDB data to local storage (indexedDB), to just add couchDB data or as just a less confusing implementation of indexedDB.
2013-08-09 01:03:16 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/calvinmetcalf/" > Calvin Metcalf< / a >
2013-08-09 01:03:16 +08:00
< / td >
< / tr >
2013-11-01 23:59:43 +08:00
< tr >
< td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/cbaines/leaflet-indoor" > Leaflet.Indoor< / a >
2013-11-01 23:59:43 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
Create indoor maps.
2013-11-01 23:59:43 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/cbaines" > Christopher Baines< / a >
2013-11-01 23:59:43 +08:00
< / td >
< / tr >
2016-03-23 17:13:52 +08:00
< tr >
< td >
< a href = "https://github.com/BenjaminVadant/leaflet-ugeojson" > Leaflet uGeoJSON< / a >
< / td > < td >
Add an auto updating GeoJSON data Layer via ajax post requests.
< / td > < td >
< a href = "https://github.com/BenjaminVadant/" > Benjamin VADANT< / a >
< / td >
< / tr >
2015-05-07 23:28:13 +08:00
< / table >
2015-05-08 21:53:46 +08:00
### Synthetic overlays
2015-05-07 23:28:13 +08:00
2015-05-08 04:42:30 +08:00
These plugins create useful overlays from scratch, no loading required.
2015-05-07 23:28:13 +08:00
< table class = "plugins" > < tr > < th > Plugin< / th > < th > Description< / th > < th > Maintainer< / th > < / tr >
2013-10-06 01:30:53 +08:00
< tr >
< td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/turban/Leaflet.Graticule" > Leaflet.Graticule< / a >
2013-10-06 01:30:53 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
Draws a grid of latitude and longitude lines.
< / td > < td >
< a href = "https://github.com/turban" > Bjørn Sandvik< / a >
2013-10-06 01:30:53 +08:00
< / td >
2013-10-08 03:50:47 +08:00
< / tr >
2013-11-29 10:50:39 +08:00
< tr >
< td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/ablakey/Leaflet.SimpleGraticule" > Leaflet.SimpleGraticule< / a >
2013-11-29 10:50:39 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
Draws a grid lines for L.CRS.Simple coordinate system.
< / td > < td >
< a href = "https://github.com/ablakey" > Andrew Blakey< / a >
2013-11-29 10:50:39 +08:00
< / td >
< / tr >
2013-12-18 01:44:44 +08:00
< tr >
< td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/joergdietrich/Leaflet.Terminator" > Leaflet.Terminator< / a >
< / td > < td > Overlay day and night regions on a map.
2013-12-18 01:44:44 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/joergdietrich" > Jö rg Dietrich< / a >
2013-12-18 01:44:44 +08:00
< / td >
< / tr >
2016-07-14 18:11:14 +08:00
< tr >
< td >
< a href = "https://github.com/cloudybay/leaflet.latlng-graticule" > leaflet.latlng-graticule< / a >
< / td >
< td >
Create a Canvas as ImageOverlay to draw the Lat/Lon Graticule, and show the grid tick label at the edges of the map.< a href = "https://cloudybay.github.io/leaflet.latlng-graticule/example/" > Demo< / a > .
< / td >
< td >
< a href = "https://github.com/cloudybay/" > CloudyBay< / a >
< / td >
< / tr >
2015-05-07 23:28:13 +08:00
< / table >
2015-05-08 21:53:46 +08:00
### Data providers
2015-05-07 23:28:13 +08:00
2015-05-08 04:42:30 +08:00
Load overlay data from third-party-services. See also [basemap providers ](#basemap-providers ) and [plugin collections ](#collections ).
2015-05-07 23:28:13 +08:00
< table class = "plugins" > < tr > < th > Plugin< / th > < th > Description< / th > < th > Maintainer< / th > < / tr >
2014-01-22 04:43:41 +08:00
< tr >
< td >
2015-05-07 23:28:13 +08:00
< a href = "http://geojason.info/leaflet-vector-layers/" > Leaflet Vector Layers< / a >
2014-01-22 04:43:41 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
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 >
2014-01-22 04:43:41 +08:00
< / td >
< / tr >
2014-02-10 17:41:34 +08:00
< tr >
< td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/kartenkarsten/leaflet-layer-overpass/" > Leaflet Layer Overpass< / a >
2014-02-10 17:41:34 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
Easily include data from the < a href = "http://overpass-api.de" > overpass api< / a > .
< / td > < td >
< a href = "https://github.com/kartenkarsten" > kartenkarsten< / a >
2014-02-10 17:41:34 +08:00
< / td >
< / tr >
2015-05-07 23:28:13 +08:00
< tr >
2014-03-12 04:48:39 +08:00
< td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/kr1/Leaflet.dbpediaLayer/" > Leaflet.dbpediaLayer< / a >
2014-03-12 04:48:39 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
A layer with Points of interest from Wikipedia - loaded via ajax from DBpedia's SPARQL endpoint.
2014-03-12 04:48:39 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/kr1/" > Kr1< / a >
2014-03-12 04:48:39 +08:00
< / td >
< / tr >
2015-11-26 00:08:17 +08:00
< tr >
< td >
< a href = "https://github.com/MatthewBarker/leaflet-wikipedia" > Leaflet-Wikipedia< / a >
< / td >
< td >
A leaflet plugin to display Wikipedia API entries on a map layer.
< / td >
< td >
< a href = "https://github.com/MatthewBarker" > Matthew Barker< / a >
< / td >
< / tr >
2015-05-07 23:28:13 +08:00
< / table >
2015-05-08 21:53:46 +08:00
## Overlay display
2015-05-07 23:28:13 +08:00
2015-05-08 04:42:30 +08:00
The following plugins provide new ways of displaying overlay data information.
2015-05-07 23:28:13 +08:00
2015-05-08 21:53:46 +08:00
* [Markers & renderers ](#markers--renderers )
* [Overlay animations ](#overlay-animations )
* [Clustering/decluttering ](#clusteringdecluttering )
* [Heatmaps ](#heatmaps )
* [DataViz ](#dataviz )
2015-05-07 23:28:13 +08:00
2015-05-08 21:53:46 +08:00
### Markers & renderers
2015-05-07 23:28:13 +08:00
2015-09-22 08:53:02 +08:00
These plugins provide new markers or news ways of converting abstract data into images in your screen. Leaflet users versed in GIS also know these as symbolizers.
2015-05-07 23:28:13 +08:00
< table class = "plugins" > < tr > < th > Plugin< / th > < th > Description< / th > < th > Maintainer< / th > < / tr >
2014-03-24 06:04:03 +08:00
< tr >
< td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/jdfergason/Leaflet.Ellipse" > Leaflet.ellipse< / a >
2014-03-24 06:04:03 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
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 >
2014-03-24 06:04:03 +08:00
< / td >
< / tr >
2014-05-03 23:41:26 +08:00
< tr >
< td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/Leaflet/Leaflet.label" > Leaflet.label< / a >
2014-05-03 23:41:26 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
Adds text labels to map markers and vector layers.
< / td > < td >
< a href = "https://github.com/jacobtoye" > Jacob Toye< / a >
2014-05-03 23:41:26 +08:00
< / td >
< / tr >
2014-05-08 21:56:19 +08:00
< tr >
< td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/jieter/Leaflet-semicircle" > Leaflet-semicircle< / a >
2014-05-08 21:56:19 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
Adds functionality to < code > L.Circle< / code > to draw semicircles.
2014-05-08 21:56:19 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/jieter" > Jieter< / a >
2014-05-08 21:56:19 +08:00
< / td >
< / tr >
2014-05-22 18:51:08 +08:00
< tr >
< td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/bbecquet/Leaflet.PolylineDecorator" > Leaflet.PolylineDecorator< / a >
2014-05-22 18:51:08 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
Allows you to draw patterns (like dashes, arrows or evenly spaced Markers) along Polylines or coordinate paths.
2014-05-22 18:51:08 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/bbecquet" > Benjamin Becquet< / a >
2014-05-22 18:51:08 +08:00
< / td >
< / tr >
2014-07-16 02:49:07 +08:00
< tr >
< td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/leaflet-extras/leaflet.sprite" > Leaflet.Sprite< / a >
2014-07-16 02:49:07 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
Use sprite based icons in your markers.
2014-07-16 02:49:07 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/calvinmetcalf" > Calvin Metcalf< / a >
2014-07-16 02:49:07 +08:00
< / td >
< / tr >
2014-10-18 15:56:56 +08:00
< tr >
< td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/makinacorpus/Leaflet.TextPath" > Leaflet.TextPath< / a >
2014-10-18 15:56:56 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
Allows you to draw text along Polylines.
2014-10-18 15:56:56 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/leplatrem" > Mathieu Leplatre< / a >
2014-10-18 15:56:56 +08:00
< / td >
< / tr >
2016-06-17 02:55:58 +08:00
< tr >
< td >
< a href = "https://github.com/iatkin/leaflet-svgicon" > Leaflet-SVGIcon< / a >
< / td > < td >
A simple and customizable SVG icon with no external dependencies. Also included is a convenience Marker class and two example subclasses. < a href = "http://iatkin.github.io/leaflet-svgicon/" > Customizable demo with example subclasses< / a >
< / td > < td >
< a href = "https://github.com/iatkin" > Ilya Atkin< / a >
< / td >
< / tr >
2016-07-14 15:40:47 +08:00
< tr >
2016-05-27 21:17:30 +08:00
< td >
< a href = "https://github.com/marslan390/BeautifyMarker" > Leaflet.BeautifyMarkers< / a >
< / td > < td >
Lightweight plugin that adds colorful iconic markers without image and gives full control of style to end user (i.e. Unlimited colors and CSS styling).
< / td > < td >
< a href = "https://github.com/marslan390" > Muhammad Arslan Sajid< / a >
< / td >
< / tr >
2014-12-09 06:32:03 +08:00
< tr >
< td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/lvoogdt/Leaflet.awesome-markers" > Leaflet.Awesome-Markers< / a >
2014-12-09 06:32:03 +08:00
< / td > < td >
2015-06-30 19:14:39 +08:00
Colorful, iconic & retina-proof markers based on the Font Awesome icons/Twitter Bootstrap icons
2014-12-09 06:32:03 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
< a href = "http://www.lennardvoogdt.nl" > Lennard Voogdt< / a >
2014-12-09 06:32:03 +08:00
< / td >
< / tr >
2015-07-29 17:36:32 +08:00
< tr >
< td >
< a href = "https://github.com/coryasilva/Leaflet.ExtraMarkers" > Leaflet.Extra-Markers< / a >
< / td > < td >
Shameless copy of Awesome-Markers with more shapes, colors and semantic-ui support
< / td > < td >
< a href = "http://www.corysilva.com" > Cory Silva< / a >
< / td >
< / tr >
2014-12-19 22:36:34 +08:00
< tr >
< td >
2015-05-07 23:28:13 +08:00
< 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.
2014-12-19 22:36:34 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/jseppi" > James Seppi< / a >
< / td >
< / tr >
2015-11-23 21:52:23 +08:00
< tr >
< td >
< a href = "https://github.com/IvanSanchez/Leaflet.Icon.Glyph" > Leaflet.Icon.Glyph< / a >
< / td > < td >
Use icon font glyphs in your markers (from Font Awesome, Material Design Icons, Glyphicons,
Metro UI icons, Elusive, and other icon fonts). (< a href = 'https://ivansanchez.github.io/Leaflet.Icon.Glyph/demo.html' > demo< / a > )
< / td > < td >
< a href = "https://github.com/IvanSanchez" > Iván Sánchez Ortega< / a >
< / td >
< / tr >
< tr >
2015-05-07 23:28:13 +08:00
< td >
< a href = "https://github.com/makinacorpus/Leaflet.LineExtremities" > Leaflet.LineExtremities< / a >
2014-12-19 22:36:34 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
Show symbols at the extremities of polylines, using SVG markers.
< / td > < td >
< a href = "https://github.com/fredericbonifas" > Frédéric Bonifas< / a >
2014-12-19 22:36:34 +08:00
< / td >
< / tr >
2015-01-08 04:59:25 +08:00
< tr >
< td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/hiasinho/Leaflet.vector-markers" > Leaflet.VectorMarkers< / a >
2015-01-08 04:59:25 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
Vector SVG markers for Leaflet, with an option for Font Awesome/Twitter Bootstrap icons.
2015-01-08 04:59:25 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/hiasinho" > Mathias Schneider< / a >
2015-01-08 04:59:25 +08:00
< / td >
< / tr >
2015-02-01 08:48:30 +08:00
< 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 >
2015-03-31 03:14:25 +08:00
< tr >
< td >
< a href = "https://github.com/tomaszbrue/leaflet.boatmarker" > Leaflet.BoatMarker< / a >
< / td > < td >
2016-03-22 00:38:26 +08:00
A boat marker using HTML Canvas for displaying yachts and sailboats with heading and wind information. < a href = "http://thomasbrueggemann.github.io/leaflet.boatmarker/" > Demo< / a > .
2015-03-31 03:14:25 +08:00
< / td > < td >
< a href = "https://github.com/tomaszbrue" > Thomas Brüggemann< / a >
< / td >
2015-05-07 23:28:13 +08:00
< / tr >
2016-07-14 15:40:47 +08:00
< tr >
2015-05-07 23:28:13 +08:00
< 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 >
2015-03-31 03:14:25 +08:00
< / tr >
2015-04-15 09:25:02 +08:00
< tr >
< td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/albburtsev/Leaflet.geojsonCSS" > Leaflet.geojsonCSS< / a >
2015-04-15 09:25:02 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
< a href = "http://wiki.openstreetmap.org/wiki/Geojson_CSS" > Geojson CSS< / a > implementation for Leaflet.
2015-04-15 09:25:02 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/albburtsev/" > Alexander Burtsev< / a >
2015-04-15 09:25:02 +08:00
< / td >
< / tr >
< tr >
< td >
2015-05-07 23:28:13 +08:00
< a href = "http://osmbuildings.org/" > OSM Buildings< / a >
2015-04-15 09:25:02 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
Amazing JS library for visualizing 3D OSM building geometry on top of Leaflet.
2015-04-15 09:25:02 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/kekscom/" > Jan Marsch< / a >
2015-04-15 09:25:02 +08:00
< / td >
2015-04-23 16:31:16 +08:00
< / tr >
< tr >
< td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/ubergesundheit/Leaflet.EdgeMarker" > Leaflet.EdgeMarker< / a >
2015-04-23 16:31:16 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
Plugin to indicate the existence of Features outside of the current view.
2015-04-23 16:31:16 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/ubergesundheit" > Gerald Pape< / a >
2015-04-23 16:31:16 +08:00
< / td >
< / tr >
2015-05-18 18:56:11 +08:00
< tr >
< td >
< a href = "https://github.com/gismartwaredev/leaflet.orientedMarker" > Leaflet.orientedMarker< / a >
< / td > < td >
Allows to manage orientation of markers dynamically.
< / td > < td >
< a href = "https://github.com/gismartwaredev" > Gismartwaredev< / a >
< / td >
< / tr >
2015-09-09 23:27:54 +08:00
< tr >
2015-09-10 05:15:59 +08:00
< td >
< a href = "https://github.com/mapshakers/leaflet-icon-pulse" > leaflet-icon-pulse< / a >
< / td > < td >
2016-02-10 17:31:03 +08:00
Renders pulsing icon using CSS3. It can be used for location marker.
2015-09-10 16:33:26 +08:00
< / td > < td >
< a href = "https://github.com/mapshakers" > mapshakers< / a > /
< a href = "https://github.com/filipzava" > Filip Zavadil< / a >
< / td >
< / tr >
< tr >
< td >
< a href = "https://github.com/mapshakers/leaflet-mapkey-icon" > leaflet-mapkey-icon< / a >
< / td > < td >
2016-02-10 17:31:03 +08:00
Set of cartographic font icons based on < a href = "http://www.mapkeyicons.com" > mapkeyicons< / a > .
2015-09-10 05:15:59 +08:00
< / td > < td >
< a href = "https://github.com/mapshakers" > mapshakers< / a > /
< a href = "https://github.com/filipzava" > Filip Zavadil< / a >
< / td >
< / tr >
2015-11-19 19:56:31 +08:00
< tr >
< td >
< a href = "https://github.com/turban/Leaflet.Photo" > Leaflet.Photo< / a >
< / td > < td >
Plugin to show geotagged photos on a Leaflet map. < a href = "http://turban.github.io/Leaflet.Photo/examples/picasa.html" > Demo< / a > .
< / td > < td >
2015-11-19 20:02:15 +08:00
< a href = "https://github.com/turban" > Bjørn Sandvik< / a >
2015-11-19 19:56:31 +08:00
< / td >
< / tr >
2015-09-22 08:53:02 +08:00
< tr >
< td >
< a href = "https://github.com/elfalem/Leaflet.curve" > Leaflet.curve< / a >
< / td > < td >
2016-02-10 17:31:03 +08:00
A Leaflet plugin for drawing Bézier curves and other complex shapes. < a href = "http://elfalem.github.io/Leaflet.curve/" > Demo< / a > .
2015-09-22 08:53:02 +08:00
< / td > < td >
< a href = "https://github.com/elfalem" > elfalem< / a >
< / td >
< / tr >
2015-10-02 07:07:38 +08:00
< tr >
< td >
< a href = "https://github.com/MAD-GooZe/Leaflet.Arc" > Leaflet.Arc< / a >
< / td > < td >
This plugin adds L.Polyline.Arc function which wraps arc.js functionality for creation of Great Cirlce arcs.
< / td > < td >
< a href = "https://github.com/MAD-GooZe" > Alexey Gusev< / a >
< / td >
< / tr >
2015-11-12 22:15:24 +08:00
< tr >
< td >
< a href = "https://github.com/timwis/leaflet-choropleth" > leaflet-choropleth< / a >
< / td > < td >
Extends L.geoJson to add a choropleth visualization (color scale based on value). < a href = "http://timwis.com/leaflet-choropleth/examples/basic" > Demo< / a > .
< / td > < td >
< a href = "http://timwis.com" > Tim Wisniewski< / a >
< / td >
< / tr >
2016-02-11 03:38:26 +08:00
< tr >
< td >
< a href = "https://github.com/lethexa/leaflet-tracksymbol" > leaflet-tracksymbol< / a >
< / td > < td >
This marker provides a tracksymbol with orientation, velocity-vector and configurable shape.
< / td > < td >
< a href = "https://github.com/lethexa" > Tim Leerhoff< / a >
< / td >
< / tr >
2016-08-29 14:49:25 +08:00
< tr >
< td >
< a href = "https://github.com/PowerPan/leaflet-ais-tracksymbol" > leaflet-ais-tracksymbol< / a >
< / td > < td >
AIS Extension for leaflet-tracksymbol It displays AIS Contacts on the Map.
< / td > < td >
< a href = "https://github.com/powerpan" > Johannes Rudolph< / a >
< / td >
< / tr >
2016-09-16 19:00:57 +08:00
< tr >
< td >
< a href = "https://github.com/PowerPan/leaflet-ais-tracksymbol-search" > leaflet-ais-tracksymbol-search< / a >
< / td > < td >
Adds a Seach Box for your Leaflet Map and Your [leaflet-ais-trackymbol ](https://github.com/PowerPan/leaflet-ais-tracksymbol )
< / td > < td >
< a href = "https://github.com/powerpan" > Johannes Rudolph< / a >
< / td >
< / tr >
2016-03-05 23:20:04 +08:00
< tr >
< td >
< a href = "https://github.com/wwwouaiebe/leaflet.marker.pin" > leaflet.marker.pin< / a >
< / td >
< td >
Pins are markers that can be added and edited on the map by the end user. < a href = "http://wwwouaiebe.github.io/leaflet.marker.pin/" > Demo< / a > .
< / td >
< td >
< a href = "https://github.com/wwwouaiebe" > Christian Guyette< / a >
< / td >
< / tr >
2016-04-16 00:07:12 +08:00
< tr >
< td >
< a href = "https://github.com/IvanSanchez/Leaflet.Marker.Stack" > Leaflet.Marker.Stack< / a >
< / td >
< td >
2016-09-05 15:20:34 +08:00
A pure Leaflet implementation of CartoDB's "< a href = "http://blog.cartodb.com/stacking-chips-a-map-hack/" > stacked chips< / a > " symbolizer. < a href = "http://ivansanchez.github.io/Leaflet.Marker.Stack/demos/color_ramps.html" > Demo< / a > .
2016-04-16 00:07:12 +08:00
< / td >
< td >
< a href = "https://github.com/IvanSanchez" > Iván Sánchez< / a >
< / td >
< / tr >
2016-07-04 23:43:07 +08:00
< tr >
< td >
< a href = "https://github.com/cloudybay/leaflet-polygon-fillPattern" > leaflet-polygon.fillPattern< / a >
< / td >
< td >
Extend the Polygon Object to fill SVG Path element with an image pattern.< a href = "http://lwsu.github.io/leaflet-polygon-fillPattern/example/" > Demo< / a > .
< / td >
< td >
< a href = "https://github.com/cloudybay/" > CloudyBay< / a >
< / td >
< / tr >
2016-07-14 15:40:47 +08:00
< tr >
< td >
< a href = "https://github.com/bbecquet/Leaflet.PolylineOffset" > Leaflet Polyline Offset< / a >
< / td >
< td >
Adds to < code > L.Polyline< / code > the ability to be shifted with a relative pixel offset, without modifying its actual < code > LatLng< / code > s. The offset value can be either negative or positive, for left- or right-side offset, and remains constant across zoom levels (< a href = "http://bbecquet.github.io/Leaflet.PolylineOffset/examples/example.html" > basic demo< / a > ).
< / td >
< td >
< a href = "https://github.com/bbecquet" > Benjamin Becquet< / a >
< / td >
< / tr >
2016-08-26 18:37:53 +08:00
< tr >
< td >
< a href = "https://github.com/w8r/leaflet-labeled-circle" > leaflet-labeled-circle< / a >
< / td >
< td >
Special type of SVG marker with a label inside and draggable around the anchor point (< a href = "https://w8r.github.io/leaflet-labeled-circle/demo/" > demo< / a > ).
< / td >
< td >
< a href = "https://github.com/w8r/" > Alexander Milevski< / a >
< / td >
< / tr >
2016-09-06 00:22:06 +08:00
< tr >
< td >
< a href = "https://github.com/dagjomar/Leaflet.ParallaxMarker" > Leaflet.ParallaxMarker< / a >
< / td >
< td >
Add markers that moves with a parallax-effect relative to the map when panning (< a href = "https://dagjomar.github.io/Leaflet.ParallaxMarker/" > demos / examples< / a > ).
< / td >
< td >
< a href = "https://github.com/dagjomar/" > Dag Jomar Mersland< / a >
< / td >
< / tr >
2016-09-09 16:48:44 +08:00
< tr >
< td >
< a href = "https://github.com/adoroszlai/leaflet-distance-markers" > leaflet-distance-markers< / a >
< / td >
< td >
Allows displaying markers along a route (L.Polyline) at equivalent distances (eg. one per mile) (< a href = "http://adoroszlai.github.io/leaflet-distance-markers/" > demo< / a > ).
< / td >
< td >
< a href = "https://github.com/adoroszlai" > Doroszlai, Attila< / a >
< / td >
< / tr >
2016-10-16 05:36:21 +08:00
< tr >
< td >
< a href = "https://github.com/mikhailshilkov/leaflet-corridor" > leaflet-corridor< / a >
< / td >
< td >
Renders a polyline with width fixed in meters, not in pixels; adjusts width depending on zoom level (< a href = "http://mikhail.io/demos/leaflet-corridor/" > demo< / a > ).
< / td >
< td >
< a href = "https://github.com/mikhailshilkov" > Mikhail Shilkov< / a >
< / td >
< / tr >
2016-10-24 17:22:06 +08:00
< tr >
< td >
< a href = "https://github.com/yakitoritabetai/Leaflet.LabelTextCollision" > Leaflet.LabelTextCollision< / a >
< / td >
< td >
Displays labels on paths (polylines, polygons, circles) avoiding label collision. (< a href = "https://yakitoritabetai.github.io/Leaflet.LabelTextCollision/" > demo< / a > ).
< / td >
< td >
< a href = "https://github.com/yakitoritabetai" > Kenta Hakoishi< / a >
< / td >
< / tr >
2017-01-03 19:22:50 +08:00
< tr >
< td >
< a href = "https://github.com/ggolikov/Leaflet.Viewpoint" > Leaflet.Viewpoint< / a >
< / td >
< td >
Displays circleMarker with multiple directions.
Useful to show photos taken from one point. (< a href = "https://ggolikov.github.io/Leaflet.Viewpoint/example/" > demo< / a > ).
< / td >
< td >
< a href = "https://github.com/ggolikov" > Grigory Golikov< / a >
< / td >
< / tr >
2017-01-20 16:13:35 +08:00
< tr >
< td >
< a href = "https://github.com/react-map/leaflet.magicMarker" > Leaflet.magicMarker< / a >
< / td >
< td >
Adding magical animation effect to a marker while loading.(< a href = "https://react-map.github.io/leaflet.magicMarker/" > Demo< / a > ).
< / td >
< td >
< a href = "https://github.com/react-map" > Sylvenas< / a >
< / td >
< / tr >
2012-07-19 06:55:21 +08:00
< / table >
2015-05-08 21:53:46 +08:00
### Overlay animations
2015-05-07 23:28:13 +08:00
2015-05-08 04:42:30 +08:00
These plugins animate markers or some geometries. See also [geometries with time or elevation ](#geometryinteraction-time ).
2015-05-07 23:28:13 +08:00
< table class = "plugins" > < tr > < th > Plugin< / th > < th > Description< / th > < th > Maintainer< / th > < / tr >
2015-02-27 00:30:08 +08:00
< tr >
< td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/openplans/Leaflet.AnimatedMarker" > Leaflet.AnimatedMarker< / a >
2015-02-27 00:30:08 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
Animate a marker along a polyline.
2015-02-27 00:30:08 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/atogle" > Aaron Ogle< / a >
2015-02-27 00:30:08 +08:00
< / td >
< / tr >
2012-07-19 00:12:01 +08:00
< tr >
< td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/maximeh/leaflet.bouncemarker" > Leaflet.BounceMarker< / a >
2012-07-19 00:12:01 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
Make a marker bounce when you add it to a map.
2012-07-19 00:12:01 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/maximeh" > Maxime Hadjinlian< / a >
2012-07-19 00:12:01 +08:00
< / td >
< / tr >
2012-07-19 06:55:21 +08:00
< tr >
< td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/hosuaby/Leaflet.SmoothMarkerBouncing" > Leaflet.SmoothMarkerBouncing< / a >
2012-07-19 06:55:21 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
Smooth animation of marker bouncing for Leaflet.
2012-07-19 06:55:21 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/hosuaby" > Alexei KLENIN< / a >
2012-07-19 06:55:21 +08:00
< / td >
< / tr >
< tr >
< td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/ewoken/Leaflet.MovingMarker" > Leaflet.MovingMarker< / a >
2012-07-19 06:55:21 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
Allow to move markers along a polyline with custom durations.
2012-07-19 06:55:21 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/ewoken" > Ewoken< / a >
2012-07-19 06:55:21 +08:00
< / td >
< / tr >
2012-07-19 00:12:01 +08:00
< tr >
< td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/naturalatlas/leaflet-transitionedicon" > Leaflet.TransitionedIcon< / a >
2012-07-19 00:12:01 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
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 > .
2012-07-19 00:12:01 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/brianreavis" > Brian Reavis< / a >
2012-07-19 00:12:01 +08:00
< / td >
< / tr >
2015-10-23 19:48:10 +08:00
< tr >
< td >
< a href = "https://github.com/IvanSanchez/Leaflet.Polyline.SnakeAnim" > Leaflet.Polyline.SnakeAnim< / a >
< / td > < td >
Animates (poly)lines into existence, as if they were being slowly drawn from start to end.
< / td > < td >
< a href = "https://github.com/IvanSanchez" > Iván Sánchez Ortega< / a > ,
< a href = "https://github.com/MazeMap" > MazeMap< / a >
< / td >
< / tr >
2016-01-20 22:23:03 +08:00
< tr >
< td >
< a href = "https://github.com/rubenspgcavalcante/leaflet-ant-path" > Leaflet.AntPath< / a >
< / td > < td >
Leaflet.AntPath put a flux animation (like ants walking) into a Polyline.
(< a href = 'http://rubenspgcavalcante.github.io/leaflet-ant-path/' > demo< / a > )
< / td > < td >
< a href = "https://github.com/rubenspgcavalcante" > Rubens Pinheiro< / a >
< / td >
2016-09-06 00:22:23 +08:00
< / tr >
< tr >
< td >
< a href = "https://gitlab.com/IvanSanchez/Leaflet.Marker.SlideTo" > Leaflet.Marker.SlideTo< / a >
< / td > < td >
Smoothly move (slide) markers to a new location. (< a href = 'http://ivansanchez.gitlab.io/Leaflet.Marker.SlideTo/demo.html' > demo< / a > )
< / td > < td >
< a href = "https://gitlab.com/u/IvanSanchez" > Iván Sánchez Ortega< / a > ,
< a href = "https://github.com/MazeMap" > MazeMap< / a >
< / td >
< / tr >
< / table >
2015-05-07 23:28:13 +08:00
2015-05-08 21:53:46 +08:00
### Clustering/Decluttering
2015-05-07 23:28:13 +08:00
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 >
2012-07-19 00:12:01 +08:00
< tr >
< td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/Leaflet/Leaflet.markercluster" > Leaflet.markercluster< / a >
2012-07-19 00:12:01 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
Beautiful, sophisticated, high performance marker clustering solution with smooth animations and lots of great features. < em > Recommended!< / em >
2012-07-19 00:12:01 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/danzel" > Dave Leaver< / a >
2012-07-19 00:12:01 +08:00
< / td >
< / tr >
< tr >
< td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/MazeMap/Leaflet.LayerGroup.Collision" > Leaflet.LayerGroup.Collision< / a >
2012-07-19 00:12:01 +08:00
< / td > < td >
2015-06-30 19:14:39 +08:00
Provides collision detection for groups of markers. Unlike clustering, this takes into account the shape & size of the markers.
2012-07-19 00:12:01 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/IvanSanchez" > Iván Sánchez Ortega< / a > ,
< a href = "https://github.com/MazeMap" > MazeMap< / a >
2012-07-19 00:12:01 +08:00
< / td >
< / tr >
2012-07-19 06:55:21 +08:00
< tr >
< td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/jawj/OverlappingMarkerSpiderfier-Leaflet" > Overlapping Marker Spiderfier< / a >
2012-07-19 06:55:21 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
Deals with overlapping markers in a Google Earth-inspired way by gracefully springing them apart on click.
2012-07-19 06:55:21 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
< a href = "http://mackerron.com" > George MacKerron< / a >
2012-07-19 06:55:21 +08:00
< / td >
< / tr >
2012-11-02 03:20:32 +08:00
< tr >
< td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/SINTEF-9012/PruneCluster" > PruneCluster< / a >
2012-11-02 03:20:32 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
Fast and realtime marker clustering library.
2012-11-02 03:20:32 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/yellowiscool" > Antoine Pultier< / a >
2012-11-02 03:20:32 +08:00
< / td >
< / tr >
2012-11-25 06:25:39 +08:00
< tr >
< td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/oliverroick/Leaflet.Deflate" > Leaflet.Deflate< / a >
2012-11-25 06:25:39 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
Deflates lines and polygons to a marker when their screen size becomes too small in lower zoom levels.
2012-11-25 06:25:39 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/oliverroick" > Oliver Roick< / a >
2012-11-25 06:25:39 +08:00
< / td >
< / tr >
2015-05-28 04:16:42 +08:00
< tr >
< td >
< a href = "https://github.com/andy-kay/Leaflet.GridCluster" > Leaflet.GridCluster< / a >
< / td > < td >
Create grid-based clusters in realtime.
< / td > < td >
< a href = "https://github.com/andy-kay" > Andreas Kiefer< / a >
< / td >
< / tr >
2015-06-01 20:44:46 +08:00
< tr >
< td >
< a href = "https://github.com/spatialdev/q-cluster" > q-cluster< / a >
< / td > < td >
Quick point clustering library with D3 categorization.
< / td > < td >
< a href = "https://github.com/hallahan" > Nicholas Hallahan< / a >
< / td >
< / tr >
2015-07-29 17:36:32 +08:00
< tr >
< td >
< a href = "https://github.com/Eclipse1979/leaflet-conditionalLayer" > Leaflet.ConditionalLayer< / a >
< / td > < td >
A FeatureGroup that does not show any more than a certain amount of markers visible in the viewport. (< a href = "http://eclipse1979.github.io/Leaflet.ConditionalLayer/example/leaflet-conditionalLayer2.html" > Demo< / a > )
< / td > < td >
< a href = "https://github.com/Eclipse1979" > EPP< / a >
< / td >
< / tr >
2015-11-19 19:56:31 +08:00
< tr >
< td >
< a href = "https://github.com/ghybs/Leaflet.FeatureGroup.SubGroup" > Leaflet.FeatureGroup.SubGroup< / a >
< / td > < td >
A simple plugin to create Feature Groups that add their child layers into a parent group. Typical usage is to switch them through L.Control.Layers to dynamically add/remove groups of markers from Leaflet.markercluster. < a href = "http://ghybs.github.io/Leaflet.FeatureGroup.SubGroup/examples/subGroup-markercluster-controlLayers-realworld.388.html" > Demo< / a > .
< / td > < td >
< a href = "https://github.com/ghybs" > ghybs< / a >
< / td >
< / tr >
2015-05-07 23:28:13 +08:00
< / table >
2015-05-08 21:53:46 +08:00
### Heatmaps
2015-05-07 23:28:13 +08:00
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 >
2013-01-16 23:17:03 +08:00
< tr >
< td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/domoritz/leaflet-maskcanvas" > MaskCanvas< / a >
2013-01-16 23:17:03 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
Canvas layer that can be used to visualize coverage.
2013-01-16 23:17:03 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/domoritz" > Dominik Moritz< / a >
2013-01-16 23:17:03 +08:00
< / td >
< / tr >
2013-01-19 00:58:17 +08:00
< tr >
< td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/sunng87/heatcanvas" > HeatCanvas< / a >
2013-01-19 00:58:17 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
Simple heatmap api based on HTML5 canvas.
2013-01-19 00:58:17 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/sunng87" > Sun Ning< / a >
2013-01-19 00:58:17 +08:00
< / td >
< / tr >
2013-03-06 07:30:07 +08:00
< tr >
< td >
2015-05-07 23:28:13 +08:00
< a href = "http://www.patrick-wied.at/static/heatmapjs/example-heatmap-leaflet.html" > heatmap.js< / a >
2013-03-06 07:30:07 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
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.
2013-03-06 07:30:07 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/pa7" > Patrick Wied< / a >
2013-03-06 07:30:07 +08:00
< / td >
< / tr >
2013-09-19 10:26:46 +08:00
< tr >
< td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/dpiccone/leaflet-div-heatmap" > Leaflet divHeatmap< / a >
2013-09-19 10:26:46 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
Lightweight and versatile heatmap layer based on CSS3 and divIcons
2013-09-19 10:26:46 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/dpiccone" > Daniele Piccone< / a >
2013-09-19 10:26:46 +08:00
< / td >
< / tr >
2013-09-24 18:00:32 +08:00
< tr >
< td >
2015-05-07 23:28:13 +08:00
< a href = "http://ursudio.com/webgl-heatmap-leaflet/" > WebGL Heatmap< / a >
2013-09-24 18:00:32 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
High performance Javascript heatmap plugin using WebGL.
2013-09-24 18:00:32 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
< a href = "https://twitter.com/bozdoz" > Benjamin J DeLong< / a >
2013-09-24 18:00:32 +08:00
< / td >
< / tr >
2016-04-14 20:55:29 +08:00
< tr >
< td >
< a href = "https://github.com/Leaflet/Leaflet.heat" > Leaflet.heat< / a >
< / td > < td >
2016-04-27 21:33:53 +08:00
A tiny, simple and fast Leaflet heatmap plugin. Uses < a href = 'https://github.com/mourner/simpleheat' > simpleheat< / a > under the hood, additionally clustering points into a grid for performance. (< a href = 'http://leaflet.github.io/Leaflet.heat/demo' > Demo< / a > )
2016-04-14 20:55:29 +08:00
< / td > < td >
< a href = "https://github.com/mourner" > Vladimir Agafonkin< / a >
< / td >
< / tr >
2015-05-07 23:28:13 +08:00
< / table >
2015-05-08 21:53:46 +08:00
### DataViz
2015-05-07 23:28:13 +08:00
Powerful multi-purpose libraries for data visualization.
< table class = "plugins" > < tr > < th > Plugin< / th > < th > Description< / th > < th > Maintainer< / th > < / tr >
2013-11-25 18:47:37 +08:00
< tr >
< td >
2015-05-07 23:28:13 +08:00
< a href = "http://dynmeth.github.com/RaphaelLayer/" > RaphaelLayer< / a >
2013-11-25 18:47:37 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
Allows you to use < a href = "http://raphaeljs.com/" > Raphael< / a > as a layer on a Leaflet map for advanced animations and visualizations.
2013-11-25 18:47:37 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/dynmeth" > Dynamic Methods< / a >
2013-11-25 18:47:37 +08:00
< / td >
< / tr >
2014-01-30 18:59:00 +08:00
< tr >
< td >
2015-05-07 23:28:13 +08:00
< a href = "http://humangeo.github.com/leaflet-dvf/" > Leaflet Data Visualization Framework< / a >
2014-01-30 18:59:00 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
New markers, layers, and utility classes for easy thematic mapping and data visualization.
2014-01-30 18:59:00 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/sfairgrieve" > Scott Fairgrieve< / a >
2014-01-30 18:59:00 +08:00
< / td >
< / tr >
2014-06-18 05:31:00 +08:00
< tr >
< td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/teralytics/Leaflet.D3SvgOverlay" > Leaflet.D3SvgOverlay< / a >
2014-06-18 05:31:00 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
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.
2014-06-18 05:31:00 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/xEviL" > Kirill Zhuravlev< / a >
2014-06-18 05:31:00 +08:00
< / td >
< / tr >
2015-05-12 17:36:08 +08:00
< tr >
< td >
< a href = "https://github.com/mapbox/mapbox-gl-leaflet" > mapbox-gl-leaflet< / a >
< / td > < td >
Binding from Mapbox GL JS to the Leaflet API
< / td > < td >
< a href = "https://github.com/tmcw" > Tom MacWright< / a >
< / td >
< / tr >
2015-12-11 18:24:57 +08:00
< tr >
< td >
< a href = "https://github.com/wandergis/leaflet-echarts" > leaflet-echarts< / a >
< / td > < td >
A plugin for Leaflet to load < a href = "https://github.com/ecomfe/echarts" > echarts< / a > map and make big data visualization easier.
< / td > < td >
< a href = "https://github.com/wandergis" > wandergis< / a >
< / td >
< / tr >
2016-02-09 02:16:48 +08:00
< tr >
< td >
< a href = "https://github.com/atlefren/storymap" > jquery-storymap< / a >
< / td > < td >
A jQuery plugin to display several map locations as the user scrolls through paragraphs.
< / td > < td >
< a href = "https://github.com/atlefren" > Atle Frenvik Sveen< / a >
< / td >
< / tr >
2016-02-10 17:31:03 +08:00
< tr >
< td >
< a href = "https://github.com/rstudio/leaflet" > Leaflet for R< / a >
< / td > < td >
Allows using Leaflet from within < a href = "https://en.wikipedia.org/wiki/R_%28programming_language%29" > R< / a > programs, a programming language popular for statistical analysis and data mining.
< / td > < td >
< a href = "https://github.com/rstudio/" > RStudio team< / a >
< / td >
< / tr >
2017-01-17 17:19:42 +08:00
< tr >
< td >
< a href = "https://github.com/react-map/leaflet.migrationLayer" > leaflet.migrationLayer< / a >
< / td > < td >
leafet.migrationLayer is used to show migration data such as population,flight,vehicle,traffic and so on.Data visualization on map.< a href = "https://react-map.github.io/leaflet.migrationLayer" > demo< / a >
< / td > < td >
< a href = "https://github.com/react-map" > Sylvenas< / a >
< / td >
< / tr >
2015-05-07 23:28:13 +08:00
< / table >
2015-05-08 21:53:46 +08:00
## Interaction with geometries/features
2015-05-07 23:28:13 +08:00
2015-05-08 04:42:30 +08:00
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.
2015-05-07 23:28:13 +08:00
2015-05-08 21:53:46 +08:00
* [Edit geometries ](#edit-geometries )
* [Time & elevation ](#time--elevation )
2016-01-07 13:35:13 +08:00
* [Search & popups ](#search--popups )
2015-05-08 21:53:46 +08:00
* [Area/overlay selection ](#areaoverlay-selection )
2015-05-07 23:28:13 +08:00
2015-05-08 21:53:46 +08:00
### Edit geometries
2015-05-07 23:28:13 +08:00
2015-05-08 04:42:30 +08:00
Allows users to create, draw, edit and/or delete points, lines and polygons.
2015-05-07 23:28:13 +08:00
2015-05-08 04:42:30 +08:00
< table class = "plugins" > < tr > < th > Plugin< / th > < th > Description< / th > < th > Maintainer< / th > < / tr >
2016-02-22 01:34:01 +08:00
< tr >
< td >
< a href = "https://github.com/codeofsumit/leaflet.pm" > Leaflet.PM< / a >
< / td > < td >
2016-10-02 03:02:57 +08:00
Geometry Management for Leaflet 1.0. Draw, Edit, Drag and Snap Polylines, Polygons, LayerGroups and geoJSON.
2016-02-22 01:34:01 +08:00
< / td > < td >
< a href = "https://github.com/codeofsumit" > Sumit Kumar< / a >
< / td >
< / tr >
2012-07-19 06:55:21 +08:00
< tr >
< td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/Wildhoney/Leaflet.FreeDraw" > Leaflet.FreeDraw< / a >
2012-07-19 06:55:21 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
Zoopla inspired freehand polygon creation using Leaflet.js and D3.
2012-07-19 06:55:21 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/Wildhoney" > Wildhoney< / a >
2012-07-19 06:55:21 +08:00
< / td >
< / tr >
2015-03-27 00:29:34 +08:00
< tr >
< td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/scripter-co/leaflet-plotter" > Leaflet.plotter< / a >
2015-03-27 00:29:34 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
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.
2015-03-27 00:29:34 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/scripter-co" > Nathan Mahdavi< / a >
2015-03-27 00:29:34 +08:00
< / td >
< / tr >
2015-05-07 23:28:13 +08:00
2012-11-27 12:05:47 +08:00
< tr >
< td >
2015-05-07 23:28:13 +08:00
< 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.
2012-11-27 12:05:47 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/tkrajina" > Tomo Krajina< / a >
2012-11-27 12:05:47 +08:00
< / td >
< / tr >
2014-05-13 23:48:39 +08:00
< tr >
< td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/Leaflet/Leaflet.draw" > Leaflet.draw< / a >
2014-05-13 23:48:39 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
Enables drawing features like polylines, polygons, rectangles, circles and markers through a very nice user-friendly interface with icons and hints. < em > Recommended!< / em >
2014-05-13 23:48:39 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/jacobtoye" > Jacob Toye< / a >
2014-05-13 23:48:39 +08:00
< / td >
< / tr >
2012-07-19 06:55:21 +08:00
< 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 >
2014-05-15 15:47:55 +08:00
< / tr >
2015-05-07 23:28:13 +08:00
< tr >
2014-05-15 15:47:55 +08:00
< td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/dwilhelm89/Leaflet.StyleEditor" > Leaflet.StyleEditor< / a >
2014-05-15 15:47:55 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
Enables editing the styles of features (lines, polygons, etc) and markers with a GUI.
2014-05-15 15:47:55 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/dwilhelm89" > Dennis Wilhelm< / a >
2014-05-15 15:47:55 +08:00
< / td >
2012-07-19 06:55:21 +08:00
< / tr >
< tr >
< td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/jdomingu/Leaflet.SimpleMarkers" > Leaflet.SimpleMarkers< / a >
2012-07-19 06:55:21 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
A light-weight Leaflet plugin for adding and deleting markers.
2012-07-19 06:55:21 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/jdomingu" > Jared Dominguez< / a >
2012-07-19 06:55:21 +08:00
< / td >
< / tr >
2015-03-29 00:33:12 +08:00
< tr >
< td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/yohanboniface/Leaflet.Editable" > Leaflet.Editable< / a >
2015-03-29 00:33:12 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
Lightweight fully customisable and controlable drawing/editing plugin.
2015-03-29 00:33:12 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
< a href = "http://yohanboniface.me/" > Yohan Boniface< / a >
2015-03-29 00:33:12 +08:00
< / td >
< / tr >
2012-07-19 06:55:21 +08:00
< tr >
< td >
2015-05-07 23:28:13 +08:00
< 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 >
2012-07-19 06:55:21 +08:00
< / td >
< / tr >
2016-06-03 19:33:17 +08:00
< tr >
< td >
< a href = "https://github.com/w8r/Leaflet.Path.Transform" > Leaflet.Path.Transform< / a >
< / td >
< td >
Scale & rotate handler and interaction for polygons and polylines (< a href = "https://w8r.github.io/Leaflet.Path.Transform" > Demo< / a > )
< / td >
< td >
< a href = "https://github.com/w8r/" > Alexander Milevski< / a >
< / td >
< / tr >
2012-11-04 22:11:27 +08:00
< tr >
< td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/makinacorpus/Leaflet.Snap" > Leaflet.Snap< / a >
2012-11-04 22:11:27 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
Enables snapping of draggable markers to polylines and other layers.
2012-11-04 22:11:27 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/leplatrem" > Mathieu Leplatre< / a >
2012-11-04 22:11:27 +08:00
< / td >
< / tr >
2014-01-14 03:31:44 +08:00
< tr >
< td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/SINTEF-9012/Leaflet.MapPaint" > Leaflet.MapPaint< / a >
< / td >
< td >
Bitmap painting plugin designed for touch devices.
2014-01-14 03:31:44 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/yellowiscool" > Antoine Pultier< / a >
2014-01-14 03:31:44 +08:00
< / td >
< / tr >
2012-07-19 06:55:21 +08:00
< tr >
< td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/yohanboniface/Leaflet.Storage" > Leaflet.Storage< / a >
2012-07-19 06:55:21 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
Create/update/delete Map, Marker, Polygon, Polyline... and expose them for backend storage with an API.
2012-07-19 06:55:21 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
< a href = "http://yohanboniface.me/" > Yohan Boniface< / a >
2012-07-19 06:55:21 +08:00
< / td >
< / tr >
< tr >
< td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/Wildhoney/L.Pather" > Leaflet.Pather< / a >
2012-07-19 06:55:21 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
L.Pather is a freehand polyline creator that simplifies the polyline for mutability. Requires D3 support.
2012-07-19 06:55:21 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/Wildhoney" > Wildhoney< / a >
2012-07-19 06:55:21 +08:00
< / td >
< / tr >
2012-09-03 01:02:50 +08:00
< tr >
< td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/manleyjster/Leaflet.Illustrate" > Leaflet.Illustrate< / a >
2012-09-03 01:02:50 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
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 > .
2012-09-03 01:02:50 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/manleyjster" > Justin Manley< / a >
2012-09-03 01:02:50 +08:00
< / td >
< / tr >
2016-07-04 23:42:15 +08:00
< tr >
< td >
< a href = "https://github.com/kklimczak/Leaflet.Pin" > Leaflet.Pin< / a >
< / td > < td >
Enable attaching of markers to other layers during draw or edit features with Leaflet.Draw.
< / td > < td >
< a href = "https://github.com/kklimczak" > Konrad Klimczak< / a >
< / td >
< / tr >
2015-05-07 23:28:13 +08:00
< / table >
2015-05-08 21:53:46 +08:00
### Time & elevation
2015-05-07 23:28:13 +08:00
2015-05-08 04:42:30 +08:00
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.
2015-05-07 23:28:13 +08:00
< table class = "plugins" > < tr > < th > Plugin< / th > < th > Description< / th > < th > Maintainer< / th > < / tr >
2014-02-14 23:51:58 +08:00
< tr >
< td >
2015-05-07 23:28:13 +08:00
< 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 >
2014-02-14 23:51:58 +08:00
< / td >
< / tr >
2012-10-18 00:11:17 +08:00
< tr >
< td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/dwilhelm89/LeafletSlider" > Leaflet Time-Slider< / a >
2012-10-18 00:11:17 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
The Leaflet Time-Slider enables you to dynamically add and remove Markers on a map by using a JQuery UI slider
2012-10-18 00:11:17 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/dwilhelm89" > Dennis Wilhelm< / a >
2012-10-18 00:11:17 +08:00
< / td >
< / tr >
2012-11-14 22:59:04 +08:00
< tr >
< td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/hallahan/LeafletPlayback" > LeafletPlayback< / a >
2012-11-14 22:59:04 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
Play back time-stamped GPS Tracks synchronized to a clock.
2012-11-14 22:59:04 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
< a href = "http://theoutpost.io" > Nicholas Hallahan< / a >
2012-11-14 22:59:04 +08:00
< / td >
< / tr >
2012-12-12 04:15:56 +08:00
< tr >
2015-05-08 04:42:30 +08:00
< td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/skeate/Leaflet.timeline" > Leaflet.timeline< / a >
2012-12-12 04:15:56 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
Display arbitrary GeoJSON on a map with a timeline slider and play button.
2012-12-12 04:15:56 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/skeate" > Jonathan Skeate< / a >
2012-12-12 04:15:56 +08:00
< / td >
< / tr >
2013-01-27 00:37:01 +08:00
< tr >
< td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/MrMufflon/Leaflet.Elevation" > Leaflet.Elevation< / a >
2013-01-27 00:37:01 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
A Leaflet plugin to view interactive height profiles of GeoJSON lines using < a href = "http://d3js.org/" > d3< / a > .
2013-01-27 00:37:01 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/MrMufflon" > Felix Bache< / a >
2013-01-27 00:37:01 +08:00
< / td >
< / tr >
2015-06-26 04:35:49 +08:00
< tr >
< td >
< a href = "https://github.com/iosphere/Leaflet.hotline" > Leaflet.hotline< / a >
< / td > < td >
A Leaflet plugin for drawing gradients along polylines.
< / td > < td >
< a href = "https://github.com/iosphere" > iosphere< / a >
< / td >
< / tr >
2015-05-07 23:28:13 +08:00
< / table >
2015-05-08 21:53:46 +08:00
### Search & popups
2015-05-07 23:28:13 +08:00
2015-05-08 04:42:30 +08:00
Plugins that search for overlays and enhance how to display information about them.
2015-05-07 23:28:13 +08:00
< table class = "plugins" > < tr > < th > Plugin< / th > < th > Description< / th > < th > Maintainer< / th > < / tr >
2013-03-07 17:27:10 +08:00
< tr >
< td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/naomap/leaflet-fusesearch" > leaflet-fusesearch< / a >
2013-03-07 17:27:10 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
A control that provides a panel to search features in a GeoJSON layer using the lightweight fuzzy search Fuse.js
2013-03-07 17:27:10 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
< a href = "http://www.naomap.fr" > Antoine Riche< / a >
2013-03-07 17:27:10 +08:00
< / td >
< / tr >
2013-03-19 23:57:55 +08:00
< tr >
< td >
2015-07-26 07:28:22 +08:00
< a href = "https://github.com/stefanocudini/leaflet-search" > Leaflet Search< / a >
2013-03-19 23:57:55 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
A control for search Markers/Features location by custom property in LayerGroup/GeoJSON. Support AJAX/JSONP, Autocompletion and 3rd party service
2013-03-19 23:57:55 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
< a href = "http://labs.easyblog.it" > Stefano Cudini< / a >
2013-03-19 23:57:55 +08:00
< / td >
< / tr >
2013-05-03 17:55:35 +08:00
< tr >
< td >
2015-05-07 23:28:13 +08:00
< a href = "http://erictheise.github.com/rrose" > Leaflet.Rrose< / a >
2013-05-03 17:55:35 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
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.
2013-05-03 17:55:35 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
< a href = "http://www.linkedin.com/in/erictheise" > Eric Theise< / a >
2013-05-03 17:55:35 +08:00
< / td >
< / tr >
2013-05-21 04:50:55 +08:00
< tr >
< td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/danzel/Leaflet.utfgrid" > Leaflet.utfgrid< / a >
2013-05-21 04:50:55 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
Provides a utfgrid interaction handler for leaflet a very small footprint.
2013-05-21 04:50:55 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/danzel" > Dave Leaver< / a >
2013-05-21 04:50:55 +08:00
< / td >
< / tr >
2013-05-29 18:59:26 +08:00
< 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 >
2016-03-04 22:13:09 +08:00
< tr >
< td >
< a href = "https://github.com/perliedman/leaflet-underneath" > Leaflet Underneath< / a >
< / td > < td >
Find interesting features near a location using Mapbox Vector Tiles data, to add
interactive functionality to a tile layer with speed and limited bandwidth.
< / td > < td >
< a href = "http://github.com/perliedman" > Per Liedman< / a >
< / td >
< / tr >
2015-11-16 20:45:34 +08:00
< tr >
< td >
< a href = "https://github.com/utahemre/Leaflet.GeoJSONAutocomplete" > Leaflet.GeoJSONAutocomplete< / a >
< / td > < td >
Leaflet Autocomplete For Remote Searching with GeoJSON Services.
< / td > < td >
2015-11-16 21:16:05 +08:00
< a href = "https://github.com/utahemre" > Yunus Emre Özkaya< / a >
2015-11-16 20:45:34 +08:00
< / td >
< / tr >
2016-03-03 17:21:17 +08:00
< tr >
< td >
< a href = "https://github.com/maydemirx/leaflet-tag-filter-button" > L.tagFilterButton< / a >
< / td > < td >
LeafLet marker filtering by tags
< / td > < td >
< a href = "https://github.com/maydemirx" > Mehmet Aydemir< / a >
< / td >
< / tr >
2016-09-30 22:44:03 +08:00
< tr >
< td >
< a href = "https://github.com/Twista/leaflet-google-places-autocomplete" > Leaflet-gplaces-autocomplete< / a >
< / td > < td >
Add google places search into map
< / td > < td >
< a href = "https://github.com/Twista" > Michal Haták< / a >
2016-12-18 18:43:17 +08:00
< / td >
< / tr >
< tr >
< td >
< a href = "https://github.com/yafred/leaflet-responsive-popup" > leaflet-responsive-popup< / a >
< / td > < td >
Removes the need to move the map to be able to see the content of the popup.
< / td > < td >
< a href = "https://github.com/yafred" > YaFred< / a >
2016-09-30 22:44:03 +08:00
< / td >
< / tr >
2015-05-07 23:28:13 +08:00
< / table >
2015-05-08 21:53:46 +08:00
### Area/overlay selection
2015-05-08 04:42:30 +08:00
These plugins help users select either overlays or areas in the map.
2015-05-07 23:28:13 +08:00
< table class = "plugins" > < tr > < th > Plugin< / th > < th > Description< / th > < th > Maintainer< / th > < / tr >
2013-05-21 16:45:05 +08:00
< tr >
< td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/heyman/leaflet-areaselect/" > Leaflet.AreaSelect< / a >
2013-05-21 16:45:05 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
A fixed positioned, resizable rectangle for selecting an area on the map.
2013-05-21 16:45:05 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
< a href = "http://heyman.info" > Jonatan Heyman< / a >
2013-05-21 16:45:05 +08:00
< / td >
< / tr >
2013-06-04 21:46:57 +08:00
< tr >
< td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/kajic/leaflet-locationfilter/" > leaflet-locationfilter< / a >
2013-06-04 21:46:57 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
A draggable/resizable rectangle for selecting an area on the map.
2013-06-04 21:46:57 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/kajic" > Robert Kajic< / a >
2013-06-04 21:46:57 +08:00
< / td >
< / tr >
2014-09-23 22:30:34 +08:00
< tr >
< td >
2015-05-07 23:28:13 +08:00
< 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 >
2014-09-23 22:30:34 +08:00
< / td >
< / tr >
2013-06-05 04:44:52 +08:00
< tr >
< td >
2015-05-07 23:28:13 +08:00
< 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.
2013-06-05 04:44:52 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/atogle" > Aaron Ogle< / a >
2013-06-05 04:44:52 +08:00
< / td >
< / tr >
2015-07-13 01:59:06 +08:00
< tr >
< td >
< a href = "https://github.com/stefanocudini/leaflet-geojson-selector" > Leaflet GeoJSON Selector< / a >
< / td >
< td >
Leaflet Control for selection from GeoJSON feature in a interactive list and map(< a href = "http://labs.easyblog.it/maps/leaflet-geojson-selector/" > Demo< / a > ).
< / td >
< td >
< a href = "http://labs.easyblog.it/stefano-cudini/" > Stefano Cudini< / a >
< / td >
2015-12-11 22:14:13 +08:00
< / tr >
< tr >
< td >
< a href = "https://github.com/IvanSanchez/Leaflet.CheapLayerAt" > Leaflet.CheapLayerAt< / a >
< / td >
< td >
Allows querying which layer is under a screen coordinate (< a href = "http://ivansanchez.github.io/Leaflet.CheapLayerAt/demo.html" > Demo< / a > ).
< / td >
< td >
< a href = "https://github.com/IvanSanchez" > Iván Sánchez Ortega< / a > ,
< a href = "https://github.com/MazeMap" > MazeMap< / a >
< / td >
2016-01-10 10:19:50 +08:00
< / tr >
2015-05-07 23:28:13 +08:00
< / table >
2015-05-08 21:53:46 +08:00
## Map interaction
2015-05-07 23:28:13 +08:00
2015-05-08 04:42:30 +08:00
New ways to interact with the map itself.
2015-05-08 21:53:46 +08:00
* [Layer switching controls ](#layer-switching-controls )
* [Interactive pan/zoom ](#interactive-panzoom )
* [Bookmarked pan/zoom ](#bookmarked-panzoom )
* [Fullscreen ](#fullscreen-controls )
* [Minimaps & synced maps ](#minimaps--synced-maps )
* [Measurement ](#measurement )
* [Mouse coordinates ](#mouse-coordinates )
* [Events ](#events )
* [User interface ](#user-interface )
* [Print/export ](#printexport )
* [Geolocation ](#geolocation )
2015-05-07 23:28:13 +08:00
2015-05-08 21:53:46 +08:00
### Layer switching controls
2015-05-07 23:28:13 +08:00
2015-05-08 04:42:30 +08:00
The following plugins enhance or extend `L.Control.Layers` .
2015-05-07 23:28:13 +08:00
< table class = "plugins" > < tr > < th > Plugin< / th > < th > Description< / th > < th > Maintainer< / th > < / tr >
2016-05-17 16:46:10 +08:00
< tr >
< td >
< a href = "https://github.com/aebadirad/Leaflet.AutoLayers" > Leaflet.AutoLayers< / a >
< / td > < td >
Automatically pull layers from multiple mapservers and organize/search them with user controlled overlay zindex management.
< / td > < td >
< a href = "https://github.com/aebadirad" > Alex Ebadirad< / a >
< / td >
< / tr >
2013-06-19 01:59:47 +08:00
< tr >
< td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/vogdb/SelectLayersControl" > Leaflet.SelectLayers< / a >
2013-06-19 01:59:47 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
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.
2013-06-19 01:59:47 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/vogdb" > vogdb< / a >
2013-06-19 01:59:47 +08:00
< / td >
< / tr >
2013-06-22 00:58:42 +08:00
< tr >
< td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/davicustodio/Leaflet.StyledLayerControl" > Leaflet.StyledLayerControl< / a >
2013-06-22 00:58:42 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
A Leaflet plugin that implements the management and control of layers by organization into categories or groups.
2013-06-22 00:58:42 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/davicustodio" > Davi Custodio< / a >
2013-06-22 00:58:42 +08:00
< / td >
2013-06-27 02:30:50 +08:00
< / 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 >
2013-07-01 22:33:44 +08:00
< tr >
< td >
2015-05-07 23:28:13 +08:00
< a href = "http://elesdoar.github.io/leaflet-control-orderlayers/" > Leaflet Control Order Layers< / a >
2013-07-01 22:33:44 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
Adds the ability to change overlay order in the layers control.
2013-07-01 22:33:44 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/elesdoar/" > Michael Salgado< / a >
2013-07-01 22:33:44 +08:00
< / td >
< / tr >
2013-07-17 17:23:14 +08:00
< tr >
< td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/robbiet480/leaflet-categorized-layers" > Leaflet Categorized Layers< / a >
2013-07-17 17:23:14 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
Leaflet Control Layers extended for groups of categorized layers
2013-07-17 17:23:14 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
< a href = "http://robbie.io/" > Robbie Trencheny< / a >
2013-07-17 17:23:14 +08:00
< / td >
< / tr >
2013-07-27 03:36:24 +08:00
< tr >
< td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/stefanocudini/leaflet-panel-layers" > Leaflet Panel Layers< / a >
2013-07-27 03:36:24 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
Leaflet Control Layers extended for group of layers and icons legend
2013-07-27 03:36:24 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
< a href = "http://labs.easyblog.it" > Stefano Cudini< / a >
2013-07-27 03:36:24 +08:00
< / td >
< / tr >
2013-08-05 23:44:33 +08:00
< tr >
< td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/chriscalip/L.UniformControl" > Leaflet.UniformControl< / a >
2013-08-05 23:44:33 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
Leaflet layer control with stylable checkboxes and radio buttons.
2013-08-05 23:44:33 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/chriscalip" > Chris Calip< / a >
2013-08-05 23:44:33 +08:00
< / td >
< / tr >
2015-06-16 14:49:53 +08:00
< tr >
< td >
< a href = "https://github.com/ScanEx/Leaflet-IconLayers" > Leaflet-IconLayers< / a >
< / td > < td >
Leaflet control that displays base layers as small icons (< a href = "http://scanex.github.io/Leaflet-IconLayers/examples" > demo< / a > ).
< / td > < td >
< a href = "https://github.com/zverev" > Alexander Zverev< / a >
< / td >
< / tr >
2015-10-19 00:29:49 +08:00
< tr >
< td >
< a href = "https://github.com/bambrikii/leaflet-layer-tree-plugin" > Leafet.LayerTreePlugin< / a >
< / td > < td >
Leaflet control allows to switch layers on and off, display them in a tree-like way (< a href = "http://rawgit.com/bambrikii/leaflet-layer-tree-plugin/master/examples/basic-example.htm" > demo< / a > ).
< / td > < td >
< a href = "https://github.com/bambrikii" > Alexander Arakelyan< / a >
< / td >
< / tr >
2016-08-31 22:56:34 +08:00
< tr >
< td >
< a href = "https://github.com/consbio/Leaflet.Basemaps" > Leaflet.Basemaps< / a >
< / td > < td >
A basemap chooser with a preview image from the tile stack.
< a href = "http://consbio.github.io/Leaflet.Basemaps/" > Example< / a >
< / td > < td >
< a href = "https://github.com/brendan-ward" > Brendan Ward< / a >
< / td >
< / tr >
2015-05-07 23:28:13 +08:00
< / table >
2015-05-08 21:53:46 +08:00
### Interactive pan/zoom
2015-05-07 23:28:13 +08:00
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 >
2013-08-23 19:57:30 +08:00
< tr >
2013-08-28 18:23:14 +08:00
< td >
2015-05-07 23:28:13 +08:00
< a href = "http://kartena.github.com/Leaflet.Pancontrol/" > Leaflet.Pancontrol< / a >
2013-08-23 19:57:30 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
A simple panning control.
2013-08-23 19:57:30 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
< a href = "http://www.kartena.se/" > Kartena< / a >
2013-08-23 19:57:30 +08:00
< / td >
2013-08-28 18:23:14 +08:00
< / tr >
< tr >
< td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/gregallensworth/L.Control.BoxZoom" > Leaflet.BoxZoom< / a >
2013-08-27 08:33:38 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
A visible, clickable control to perform a box zoom.
2013-08-27 08:33:38 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/gregallensworth/L.Control.BoxZoom" > Greg Allensworth< / a >
2013-11-29 10:50:39 +08:00
< / td >
2013-08-23 19:57:30 +08:00
< / tr >
2013-08-28 18:23:14 +08:00
< tr >
< td >
2015-05-07 23:28:13 +08:00
< a href = "http://kartena.github.com/Leaflet.zoomslider/" > Leaflet.zoomslider< / a >
2013-08-28 18:23:14 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
A zoom slider control.
2013-08-28 18:23:14 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
< a href = "http://www.kartena.se/" > Kartena< / a >
2013-11-29 10:50:39 +08:00
< / td >
2013-08-28 18:23:14 +08:00
< / tr >
2015-05-07 23:28:13 +08:00
2013-09-03 18:19:25 +08:00
< tr >
< td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/slara/Leaflet.BorderPan" > Leaflet.BorderPan< / a >
2013-09-03 18:19:25 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
A Leaflet plugin to pan by clicking on map borders.
2013-09-03 18:19:25 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/slara" > Sebastián Lara< / a >
2013-11-29 10:50:39 +08:00
< / td >
2013-09-03 18:19:25 +08:00
< / tr >
2013-09-24 23:49:36 +08:00
< tr >
< td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/SINTEF-9012/Leaflet.GameController" > Leaflet GameController< / a >
2013-09-24 23:49:36 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
Interaction handler providing support for gamepads.
2013-09-24 23:49:36 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/yellowiscool" > Antoine Pultier< / a >
2013-11-29 10:50:39 +08:00
< / td >
2013-09-24 23:49:36 +08:00
< / tr >
2013-09-27 04:38:49 +08:00
< tr >
< td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/aratcliffe/Leaflet.twofingerzoom" > Leaflet.twofingerZoom< / a >
2013-09-27 04:38:49 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
Interaction handler for touch devices enabling zooming out with a two finger tap.
2013-09-27 04:38:49 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/aratcliffe/" > Adam Ratcliffe< / a >
2013-11-29 10:50:39 +08:00
< / td >
2013-09-27 04:38:49 +08:00
< / tr >
2013-10-11 17:01:46 +08:00
< tr >
< td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/consbio/Leaflet.ZoomBox" > Leaflet.ZoomBox< / a >
2013-10-11 17:01:46 +08:00
< / td >
2015-05-07 23:28:13 +08:00
< 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 >
2013-10-31 05:00:14 +08:00
< tr >
< td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/Zverik/Leaflet.LimitZoom" > Leaflet LimitZoom< / a >
2013-10-31 05:00:14 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
Plugins to limit available zoom levels to a given list, either by
restricting zooming or by interpolating tiles.
2013-10-31 05:00:14 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/zverik" > Ilya Zverev< / a >
2013-10-31 05:00:14 +08:00
< / td >
< / tr >
2015-10-02 03:58:59 +08:00
< tr >
< td >
< a href = "https://github.com/GhostGroup/Leaflet.DoubleRightClickZoom" > Leaflet.DoubleRightClickZoom< / a >
< / td > < td >
Interaction handler enabling zooming out with double right click.
< / td > < td >
< a href = "https://github.com/mikeotoole/" > Mike O'Toole< / a >
< / td >
< / tr >
2016-01-05 21:10:51 +08:00
< tr >
< td >
< a href = "https://github.com/unbam/Leaflet.ZoomLabel" > Leaflet.ZoomLabel< / a >
< / td >
< td >
A simple zoom label control.
< / td >
< td >
< a href = "https://github.com/unbam" > Masashi Takeshita< / a >
< / td >
< / tr >
2015-05-07 23:28:13 +08:00
< / table >
2015-05-08 21:53:46 +08:00
### Bookmarked pan/zoom
2015-05-07 23:28:13 +08:00
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 >
2014-09-12 00:23:19 +08:00
< tr >
< td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/pwldp/leaflet.viewcenter" > Leaflet.viewcenter< / a >
2014-09-12 00:23:19 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
A simple control that adds a button to change view and zoom to predefinied values in options.
2014-09-12 00:23:19 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/pwldp/" > Dariusz Pawlak< / a >
2014-09-12 00:23:19 +08:00
< / td >
< / tr >
2013-12-05 01:19:08 +08:00
< 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 >
2013-12-16 00:43:20 +08:00
< tr >
< td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/davidchouse/Leaflet.NavBar" > Leaflet Navigation Toolbar< / a >
2013-12-16 00:43:20 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
Leaflet control for simple back, forward and home navigation.
2013-12-16 00:43:20 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/davidchouse" > David C< / a >
2013-12-16 00:43:20 +08:00
< / td >
< / tr >
2013-12-18 11:25:47 +08:00
< tr >
< td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/mithron/leaflet.locationlist" > Leaflet Locationlist< / a >
2013-12-18 11:25:47 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
A control to jump between predefined locations and zooms.
2013-12-18 11:25:47 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/mithron" > Ivan Ignatyev< / a >
2013-12-18 11:25:47 +08:00
< / td >
< / tr >
2014-02-19 02:11:02 +08:00
< tr >
< td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/nguyenning/Leaflet.defaultextent" > Leaflet.defaultextent< / a >
2014-02-19 02:11:02 +08:00
< / td >
2014-03-18 07:45:46 +08:00
< td >
2015-05-07 23:28:13 +08:00
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 >
2014-03-18 07:45:46 +08:00
< / td >
< / tr >
2015-05-07 23:28:13 +08:00
< tr >
2014-03-27 04:49:00 +08:00
< td >
2015-05-07 23:28:13 +08:00
< 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 >
2014-03-27 04:49:00 +08:00
< / td >
< / tr >
2014-05-05 07:55:27 +08:00
< tr >
2015-05-07 23:28:13 +08:00
< td >
< a href = "https://github.com/florpor/Leaflet.ShowAll" > Leaflet.ShowAll< / a >
2014-05-05 07:55:27 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
A control that can show a predefined extent while saving the current one so it can be jumped back to.
2014-05-05 07:55:27 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/florpor" > Mor Yariv< / a >
2014-05-05 07:55:27 +08:00
< / td >
< / tr >
2014-05-22 05:36:25 +08:00
< tr >
< td >
2015-11-12 01:13:21 +08:00
< a href = "https://github.com/torfsen/leaflet.zoomhome" > Leaflet.zoomhome< / a >
2015-05-07 23:28:13 +08:00
< / td >
< td >
2015-11-12 01:13:21 +08:00
Zoom control with a home button for resetting the view (< a href = "http://torfsen.github.io/leaflet.zoomhome/" > Demo< / a > )
2015-05-07 23:28:13 +08:00
< / td >
< td >
2015-11-12 01:24:39 +08:00
< a href = "https://github.com/torfsen" > Florian Brucker< / a >
2014-05-22 05:36:25 +08:00
< / td >
< / tr >
2014-06-17 11:50:05 +08:00
< tr >
< td >
2015-05-07 23:28:13 +08:00
< 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 >
2014-06-17 11:50:05 +08:00
< / td >
< / tr >
2014-06-26 19:39:24 +08:00
< tr >
< td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/makinacorpus/Leaflet.RestoreView" > Leaflet.RestoreView< / a >
2014-06-26 19:39:24 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
Stores and restores map view using localStorage.
2014-06-26 19:39:24 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/leplatrem" > Mathieu Leplatre< / a >
2014-06-26 19:39:24 +08:00
< / td >
< / tr >
2014-06-28 03:12:35 +08:00
< tr >
< td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/mlevans/leaflet-hash" > leaflet-hash< / a >
2014-06-28 03:12:35 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
Plugin for persisting map state and browsing history through the URL hash.
2014-06-28 03:12:35 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/mlevans" > Michael Lawrence Evans< / a >
2014-06-28 03:12:35 +08:00
< / td >
< / tr >
2015-05-07 23:28:13 +08:00
< / table >
2015-05-08 21:53:46 +08:00
### Fullscreen controls
2015-05-07 23:28:13 +08:00
2015-05-08 04:42:30 +08:00
Allows display of the map in full-screen mode.
2015-05-07 23:28:13 +08:00
< table class = "plugins" > < tr > < th > Plugin< / th > < th > Description< / th > < th > Maintainer< / th > < / tr >
2014-07-10 16:58:04 +08:00
< tr >
< td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/mapbox/Leaflet.fullscreen" > Leaflet.fullscreen< / a >
2014-07-10 16:58:04 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
A fullscreen button control by mapbox
2014-07-10 16:58:04 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/mapbox" > mapbox< / a >
2014-07-10 16:58:04 +08:00
< / td >
< / tr >
2014-07-16 03:44:24 +08:00
< tr >
< td >
2015-05-07 23:28:13 +08:00
< a href = "http://brunob.github.com/leaflet.fullscreen" > leaflet.fullscreen< / a >
2014-07-16 03:44:24 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
Another fullscreen button control but for modern browsers, using HTML5 Fullscreen API.
2014-07-16 03:44:24 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/brunob/" > Bruno B< / a >
2014-07-16 03:44:24 +08:00
< / td >
< / tr >
2014-07-31 11:26:44 +08:00
< tr >
< td >
2015-05-07 23:28:13 +08:00
< a href = "http://elidupuis.github.com/leaflet.zoomfs" > leaflet.zoomfs< / a >
2014-07-31 11:26:44 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
A fullscreen button control.
2014-07-31 11:26:44 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/elidupuis" > Eli Dupuis< / a >
2014-07-31 11:26:44 +08:00
< / td >
< / tr >
2015-05-07 23:28:13 +08:00
< / table >
2015-05-08 21:53:46 +08:00
### Minimaps & synced maps
2015-05-07 23:28:13 +08:00
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 >
2014-07-14 00:29:24 +08:00
< tr >
< td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/turban/Leaflet.Sync" > Leaflet.Sync< / a >
2014-07-14 00:29:24 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
Synchronized view of two maps.
2014-07-14 00:29:24 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/turban" > Bjørn Sandvik< / a >
2014-07-14 00:29:24 +08:00
< / td >
2015-05-07 23:28:13 +08:00
< / tr >
2014-08-04 04:53:00 +08:00
< tr >
< td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/Norkart/Leaflet-MiniMap" > Leaflet.MiniMap< / a >
2014-08-04 04:53:00 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
A small minimap showing the map at a different scale to aid navigation.
2014-08-04 04:53:00 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/robpvn" > Robert Nordan< / a >
2014-08-04 04:53:00 +08:00
< / td >
< / tr >
2014-08-05 04:23:06 +08:00
< tr >
< td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/bbecquet/Leaflet.MagnifyingGlass" > Leaflet.MagnifyingGlass< / a >
2014-08-05 04:23:06 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
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.
2014-08-05 04:23:06 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/bbecquet/" > Benjamin Becquet< / a >
2014-08-05 04:23:06 +08:00
< / td >
< / tr >
2014-08-22 20:11:25 +08:00
< tr >
< td >
2015-05-07 23:28:13 +08:00
< a href = "http://jieter.github.io/Leaflet.layerscontrol-minimap/" > Leaflet.layerscontrol-minimap< / a >
2014-08-22 20:11:25 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
Extends the default Leaflet layers control with synced minimaps.
2014-08-22 20:11:25 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/jieter" > Jieter< / a >
2014-08-22 20:11:25 +08:00
< / td >
< / tr >
2015-10-15 01:33:24 +08:00
< tr >
< td >
< a href = "https://github.com/chriswhong/leaflet-globeminimap/" > Leaflet.GlobeMiniMap< / a >
< / td > < td >
2016-03-09 05:21:54 +08:00
Simple minimap control that places a 3D Globe in the corner of your map, centered on the same location as the main map (< a href = 'http://chriswhong.github.io/leaflet-globeminimap/example/' > demo< / a > ).
2015-10-15 01:33:24 +08:00
< / td > < td >
< a href = "https://github.com/chriswhong" > Chris Whong< / a >
< / td >
< / tr >
2015-05-07 23:28:13 +08:00
< / table >
2015-05-08 21:53:46 +08:00
### Measurement
2015-05-07 23:28:13 +08:00
Allow the user to measure distances or areas.
< table class = "plugins" > < tr > < th > Plugin< / th > < th > Description< / th > < th > Maintainer< / th > < / tr >
2014-08-27 05:27:37 +08:00
< tr >
< td >
2015-05-07 23:28:13 +08:00
< 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 >
2014-08-27 05:27:37 +08:00
< / td >
< / tr >
2014-09-24 21:59:44 +08:00
< tr >
< td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/zvaraondrej/Leaflet.MeasureAreaControl" > Leaflet.MeasureAreaControl< / a >
2014-09-24 21:59:44 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
Control for measuring element's area.
2014-09-24 21:59:44 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/zvaraondrej" > Ondrej Zvara< / a >
2014-09-24 21:59:44 +08:00
< / td >
< / tr >
2014-10-15 20:46:30 +08:00
< tr >
< td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/ljagis/leaflet-measure" > leaflet-measure< / a >
2014-10-15 20:46:30 +08:00
< / td >
< td >
2015-05-07 23:28:13 +08:00
Coordinate, linear, and area measure control for Leaflet maps
2014-10-15 20:46:30 +08:00
< / td >
< td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/ljagis" > LJA GIS< / a >
2014-10-15 20:46:30 +08:00
< / td >
< / tr >
2015-06-08 22:16:09 +08:00
< tr >
< td >
< a href = "https://github.com/nerik/leaflet-graphicscale" > leaflet-graphicscale< / a >
< / td >
< td >
Animated graphic scale control (< a href = 'http://nerik.github.io/leaflet-graphicscale/demo/' > demo< / a > ).
< / td >
< td >
< a href = "https://github.com/nerik" > Erik Escoffier< / a >
< / td >
< / tr >
2016-07-07 15:41:19 +08:00
< tr >
< td >
< a href = "https://github.com/MarcChasse/leaflet.ScaleFactor" > Leaflet.ScaleFactor< / a >
< / td > < td >
Display a Scale Factor (e.g. 1:50,000) for Leaflet maps (< a href = "https://marcchasse.github.io/leaflet.ScaleFactor/" > Demo< / a > )
< / td > < td >
< a href = "https://github.com/MarcChasse" > Marc Chasse< / a >
< / td >
< / tr >
2016-09-16 19:01:20 +08:00
< tr >
< td >
< a href = "https://github.com/PowerPan/leaflet.nauticscale" > Leaflet.nauticscale< / a >
< / td > < td >
Display a Nauticscale on Leaflet maps
< / td > < td >
< a href = "https://github.com/PowerPan" > Johannes Rudolph< / a >
< / td >
< / tr >
2016-10-14 19:54:30 +08:00
< tr >
< td >
< a href = "https://github.com/ProminentEdge/leaflet-measure-path" > Leaflet Measure Path< / a >
< / td > < td >
Show measurements on paths; polylines, polygons and circles currently supported (< a href = "http://prominentedge.com/leaflet-measure-path/" > demo< / a > )
< / td > < td >
< a href = "https://github.com/perliedman" > Per Liedman< / a > / < a href = "http://prominentedge.com/" > Prominent Edge< / a >
< / td >
< / tr >
2017-01-10 16:37:01 +08:00
< tr >
< td >
< a href = "https://github.com/NLTGit/Leaflet.LinearMeasurement" > Leaflet.LinearMeasurement< / a >
< / td > < td >
Leaflet Linear Measurement plugin that creates polylines with incremental measures along the path. (< a href = "https://nltgit.github.io/Leaflet.LinearMeasurement/" > demo< / a > )
< / td > < td >
< a href = "http://www.newlighttechnologies.com/" > New Light Technologies< / a >
< / td >
< / tr >
2015-05-07 23:28:13 +08:00
< / table >
2015-05-08 21:53:46 +08:00
### Mouse coordinates
2015-05-07 23:28:13 +08:00
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 >
2014-11-05 23:00:36 +08:00
< tr >
< td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/ardhi/Leaflet.MousePosition" > Leaflet.MousePosition< / a >
2014-09-30 00:34:47 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
A simple MousePosition control that displays geographic coordinates of the mouse pointer, as it is moved about the map
2014-09-30 00:34:47 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/ardhi" > Ardhi Lukianto< / a >
2014-11-05 23:00:36 +08:00
< / td >
< / tr >
2014-12-09 03:02:54 +08:00
< tr >
2015-05-07 23:28:13 +08:00
< td >
< a href = "https://github.com/MrMufflon/Leaflet.Coordinates" > Leaflet.Coordinates< / a >
2014-12-09 03:02:54 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
A simple Leaflet plugin viewing the mouse LatLng-coordinates. Also views a marker with coordinate popup on userinput.
2014-12-09 03:02:54 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/MrMufflon" > Felix Bache< / a >
2014-12-09 03:02:54 +08:00
< / td >
< / tr >
2014-12-25 07:02:22 +08:00
< tr >
< td >
2015-05-07 23:28:13 +08:00
< 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 >
2014-12-25 07:02:22 +08:00
< / td >
< / tr >
2015-01-05 23:10:37 +08:00
< tr >
< td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/mahmoodvcs/Leaflet.NACCoordinates" > Leaflet.NACCoordinates< / a >
2015-01-05 23:10:37 +08:00
< / td >
< td >
2015-05-07 23:28:13 +08:00
Displays NAC coordinate of the mouse pointer on mouse move (< a href = "http://mahmoodvcs.github.io/Leaflet.NACCoordinates/" > Demo< / a > )
2015-01-05 23:10:37 +08:00
< / td >
< td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/mahmoodvcs" > Mahmood Dehghan< / a >
2015-01-05 23:10:37 +08:00
< / td >
< / tr >
2015-05-22 15:18:16 +08:00
< tr >
< td >
2016-03-22 01:00:04 +08:00
< a href = "https://github.com/PowerPan/leaflet.mouseCoordinate" > Leaflet.mouseCoordinates< / a >
2015-05-22 15:18:16 +08:00
< / td >
< td >
Displays the Mouse Coordinate in a Box.
Multiple Formats Are Possible
< ul >
< li > GPS< / li >
< li > UTM< / li >
< li > UTMREF / MGRS< / li >
2016-03-22 01:00:04 +08:00
< li > QTH< / li >
2015-05-26 19:18:27 +08:00
< / ul >
2015-05-22 15:18:16 +08:00
< / td >
< td >
2016-03-22 01:00:04 +08:00
< a href = "https://github.com/PowerPan" > Johannes Rudolph< / a >
2015-05-22 15:18:16 +08:00
< / td >
< / tr >
2015-07-26 07:28:22 +08:00
< tr >
< td >
< a href = "https://github.com/stefanocudini/leaflet-locationpicker" > Leaflet Location Picker< / a >
< / td >
< td >
Simple location picker with mini Leaflet map (< a href = "http://labs.easyblog.it/maps/leaflet-locationpicker/" > Demo< / a > )
< / td >
< td >
< a href = "https://github.com/stefanocudini/" > Stefano Cudini< / a >
< / td >
2016-01-10 10:19:50 +08:00
< / tr >
2016-01-22 01:45:45 +08:00
< tr >
< td >
< a href = "https://github.com/xguaita/Leaflet.MapCenterCoord" > Leaflet.MapCenterCoord< / a >
< / td >
< td >
A Leaflet control to display the coordinates of the map center, especially useful on touch/mobile devices. (< a href = "http://xguaita.github.io/Leaflet.MapCenterCoord/" > Doc & demos< / a > )
< / td >
< td >
< a href = "https://github.com/xguaita" > Xisco Guaita< / a >
< / td >
< / tr >
2016-05-06 15:08:40 +08:00
< tr >
< td >
< a href = "https://github.com/matlads/Leaflet.Mapcodes" > Leaflet.Mapcodes< / a >
< / td >
< td >
Displays the < a href = "http://www.mapcode.com" > Mapcode< / a > of the mouse pointer on mouse move (< a href = "http://matlads.github.io/Leaflet.Mapcodes/" > Demo< / a > )
< / td >
< td >
< a href = "https://github.com/matlads" > Martin Atukunda< / a >
< / td >
< / tr >
2015-05-07 23:28:13 +08:00
< / table >
2015-05-08 21:53:46 +08:00
### Events
2015-05-07 23:28:13 +08:00
2015-05-08 04:42:30 +08:00
These plugins extend Leaflet event handling.
2015-05-07 23:28:13 +08:00
< table class = "plugins" > < tr > < th > Plugin< / th > < th > Description< / th > < th > Maintainer< / th > < / tr >
2015-01-14 22:31:42 +08:00
< tr >
< td >
2015-05-07 23:28:13 +08:00
< 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 >
2015-01-14 22:31:42 +08:00
< / td >
< / tr >
2015-01-29 07:06:03 +08:00
< tr >
< td >
2015-05-07 23:28:13 +08:00
< 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 >
2015-01-29 07:06:03 +08:00
< / td >
< / tr >
< tr >
< td >
2015-05-07 23:28:13 +08:00
< 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 >
2015-01-29 07:06:03 +08:00
< / td >
< / tr >
2015-01-29 18:30:44 +08:00
< tr >
< td >
2015-05-07 23:28:13 +08:00
< 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.
2015-05-18 16:51:15 +08:00
All positioning methods (setView, fitBounds, setZoom) will be applied on this portion instead of the all map.
2015-05-07 23:28:13 +08:00
< / td > < td >
< a href = "https://github.com/Mappy" > Mappy< / a >
2015-01-29 18:30:44 +08:00
< / td >
< / tr >
2015-05-18 16:51:15 +08:00
< tr >
< td >
< a href = "https://github.com/MazeMap/Leaflet.ControlledBounds" > Leaflet.ControlledBounds< / a >
< / td > < td >
Inspired by Leaflet-active-area, automatically detects the largest area of the map not covered by any map controls and applies setView, fitBounds, setZoom, getBounds to that area.
< / td > < td >
< a href = "https://github.com/IvanSanchez" > Iván Sánchez Ortega< / a > ,
< a href = "https://github.com/MazeMap" > MazeMap< / a >
< / td >
< / tr >
2015-02-13 01:41:21 +08:00
< tr >
< td >
2016-05-06 18:21:00 +08:00
< a href = "https://github.com/Outdooractive/leaflet-singleclick_0.7" > singleclick< / a >
2015-02-13 01:41:21 +08:00
< / td >
< td >
2016-05-06 18:21:00 +08:00
Extend < code > L.Map< / code > to fire a < code > singleclick< / code > event (< a href = "http://outdooractive.github.io/leaflet-singleclick_0.7/" > demo< / a > ). Compatible with Leaflet 0.7.x only.
2015-02-13 01:41:21 +08:00
< / td >
< td >
2015-05-07 23:28:13 +08:00
< a href = "http://glat.info" > Guillaume Lathoud< / a >
2015-02-13 01:41:21 +08:00
< / td >
2015-05-11 05:16:01 +08:00
< / tr >
2015-09-29 16:56:00 +08:00
< tr >
< td >
< a href = "https://github.com/MazeMap/Leaflet.singleclick" > singleclick< / a >
< / td >
< td >
Extend < code > L.Evented< / code > to fire a < code > singleclick< / code > event (< a href = "https://mazemap.github.io/Leaflet.singleclick/" > demo< / a > ). Compatible with Leaflet 1.0.0-beta1 and greater only.
< / td > < td >
< a href = "https://github.com/IvanSanchez" > Iván Sánchez Ortega< / a > ,
< a href = "https://github.com/MazeMap" > MazeMap< / a >
< / td >
< / tr >
2016-01-10 10:19:50 +08:00
2015-10-14 03:13:05 +08:00
< tr >
< td >
< a href = "https://github.com/MazeMap/Leaflet.VisualClick" > Leaflet.VisualClick< / a >
< / td >
< td >
Adds visual feedback when user clicks/taps the map (< a href = "https://github.com/MazeMap/Leaflet.VisualClick/" > demo< / a > ).
2016-01-10 10:19:50 +08:00
Useful when further action is delayed by server requests, or implementation of Leaflet.singleclick.
2015-10-14 03:13:05 +08:00
Or just because it looks cool :)
2015-10-14 05:25:08 +08:00
Only tested with Leaflet 1.0.0-beta1.
2015-10-14 03:13:05 +08:00
< / td > < td >
< a href = "https://github.com/dagjomar" > Dag Jomar Mersland< / a > ,
< a href = "https://github.com/IvanSanchez" > Iván Sánchez Ortega< / a > ,
< a href = "https://github.com/MazeMap" > MazeMap< / a >
< / td >
< / tr >
2016-10-14 20:04:01 +08:00
< tr >
< td >
< a href = "https://github.com/perliedman/leaflet-touch-helper" > Leaflet Touch Helper< / a >
< / td > < td >
Makes it easy to touch vector overlays with thick fingers on a small display by adding a transparent, larger touch surface
< / td > < td >
< a href = "https://github.com/perliedman" > Per Liedman< / a > / < a href = "http://prominentedge.com/" > Prominent Edge< / a >
< / td >
< / tr >
2015-05-07 23:28:13 +08:00
< / table >
2015-05-08 21:53:46 +08:00
### User interface
2015-05-07 23:28:13 +08:00
2015-05-08 04:42:30 +08:00
Buttons, sliders, toolbars, sidebars, and panels.
2015-05-07 23:28:13 +08:00
< table class = "plugins" > < tr > < th > Plugin< / th > < th > Description< / th > < th > Maintainer< / th > < / tr >
2017-01-10 16:38:57 +08:00
< tr >
< td >
< a href = "https://github.com/yigityuce/Leaflet.Control.Custom" > Leaflet.Control.Custom< / a >
< / td > < td >
Fully customizable Leaflet control panel with HTML element.
< a href = "https://yigityuce.github.io/Leaflet.Control.Custom/examples/index.html" > Demo< / a >
< / td > < td >
< a href = "https://github.com/yigityuce" > Yiğit Yüce< / a >
< / td >
< / tr >
2015-03-05 21:57:55 +08:00
< tr >
< td >
2015-05-07 23:28:13 +08:00
< 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 >
2015-03-05 21:57:55 +08:00
< / td >
2015-05-07 23:28:13 +08:00
< / tr >
< tr >
2015-03-05 21:57:55 +08:00
< td >
2015-05-07 23:28:13 +08:00
< 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 >
2015-03-05 21:57:55 +08:00
< / td >
2015-05-07 23:28:13 +08:00
< / tr >
< tr >
2016-02-26 07:20:09 +08:00
< td >
< a href = "https://github.com/ahalota/Leaflet.CountrySelect/" > Leaflet.CountrySelect< / a >
< / td > < td >
Control with menu of all countries, and an event listener that returns
the selected country as a GeoJSON feature (< a href = "http://ahalota.github.io/Leaflet.CountrySelect/demo.html" > demo< / a > )
< / td > < td >
< a href = "https://github.com/ahalota/" > Anika Halota< / a >
< / td >
2016-06-03 19:33:17 +08:00
2016-02-26 07:20:09 +08:00
< / tr >
< tr >
2015-03-05 21:57:55 +08:00
< td >
2015-05-07 23:28:13 +08:00
< 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 >
2015-03-05 21:57:55 +08:00
< / td >
< / tr >
2015-03-11 21:56:28 +08:00
< tr >
< td >
2015-05-07 23:28:13 +08:00
< 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 >
2015-03-11 21:56:28 +08:00
< / td >
< / tr >
2015-03-21 13:05:02 +08:00
< tr >
< td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/tinuzz/leaflet-messagebox" > Leaflet.Messagebox< / a >
2015-03-21 13:05:02 +08:00
< / td >
< td >
2015-05-07 23:28:13 +08:00
Display a temporary text message on a map (< a href = "https://www.grendelman.net/leaflet/" > Demo< / a > )
2015-03-21 13:05:02 +08:00
< / td >
< td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/tinuzz/" > Martijn Grendelman< / a >
2015-03-21 13:05:02 +08:00
< / td >
< / tr >
2015-03-25 21:13:53 +08:00
< tr >
< td >
2015-05-07 23:28:13 +08:00
< 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 >
2015-03-25 21:13:53 +08:00
< / td >
2015-05-07 23:28:13 +08:00
< / tr >
2015-04-05 07:51:45 +08:00
< tr >
< td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/Leaflet/Leaflet.toolbar" > Leaflet.toolbar< / a >
2015-04-05 07:51:45 +08:00
< / td >
< td >
2015-05-07 23:28:13 +08:00
Flexible, extensible toolbars for Leaflet maps. View an example < a href = "http://leaflet.github.io/Leaflet.toolbar/examples/popup.html" > here< / a > .
2015-04-05 07:51:45 +08:00
< / td >
< td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/manleyjster" > Justin Manley< / a >
2015-04-05 07:51:45 +08:00
< / td >
2015-04-15 09:25:02 +08:00
< / tr >
< tr >
< td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/gregallensworth/L.Control.Credits" > L.Credits< / a >
2015-04-15 09:25:02 +08:00
< / td >
< td >
2015-05-07 23:28:13 +08:00
A simple, attractive, interactive control to put your logo and link in the corner of your map.
2015-04-15 09:25:02 +08:00
< / td >
< td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/gregallensworth/" > Greg Allensworth< / a >
2015-04-15 09:25:02 +08:00
< / td >
2015-04-30 17:59:13 +08:00
< / tr >
< tr >
< td >
2015-05-07 23:28:13 +08:00
< 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 >
2015-04-30 17:59:13 +08:00
< / td >
2015-05-07 23:28:13 +08:00
< / tr >
< tr >
2015-04-30 17:59:13 +08:00
< td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/oskosk/Leaflet.Weather" > Leaflet Weather< / a >
2015-04-30 17:59:13 +08:00
< / td >
< td >
2015-05-07 23:28:13 +08:00
A Leaflet plugin for adding a weather widget to the map using OpenWeatherMap API (< a href = "http://oskosk.github.io/Leaflet.Weather/" > Demo< / a > ).
2015-04-30 17:59:13 +08:00
< / td >
2015-05-07 23:28:13 +08:00
< td >
< a href = "https://github.com/oskosk" > Osk< / a >
< / td >
< / tr >
2015-05-11 05:16:01 +08:00
< tr >
< td >
< a href = "https://github.com/dalbrx/Leaflet.ResizableControl" > Leaflet ResizableControl< / a >
< / td >
< td >
A Leaflet plugin to add a resizable and scrollable control to the map (< a href = "http://dalbrx.github.io/Leaflet.ResizableControl/" > Demo< / a > ).
< / td >
< td >
< a href = "https://github.com/dalbrx" > David Albrecht< / a >
< / td >
< / tr >
2015-07-29 17:36:32 +08:00
< tr >
< td >
< a href = "https://github.com/Eclipse1979/leaflet-slider" > Leaflet.Slider< / a >
< / td >
< td >
Adds a < code > < input type="range"> < / code > slider that calls a function every time its input is changed (< a href = "https://github.com/Eclipse1979/leaflet-slider" > Demo< / a > )
< / td >
< td >
< a href = "https://github.com/Eclipse1979" > EPP< / a >
< / td >
< / tr >
2015-09-09 23:36:06 +08:00
< tr >
2015-09-09 23:45:32 +08:00
< td >
< a href = "https://github.com/mapshakers/leaflet-control-window" > leaflet-control-window< / a >
< / td > < td >
Creates modal/modeless, draggable, responsive, customisable window in your map.
< / td > < td >
< a href = "https://github.com/mapshakers" > mapshakers< / a > /
< a href = "https://github.com/filipzava" > Filip Zavadil< / a >
< / td >
< / tr >
2016-01-28 17:47:31 +08:00
< tr >
< td >
< a href = "https://github.com/utahemre/Leaflet.CoordinatedImagePreview" > Leaflet.CoordinatedImagePreview< / a >
< / td > < td >
Displays coordinated images in map bounds.
< / td > < td >
< a href = "https://github.com/utahemre" > Yunus Emre Özkaya< / a >
< / td >
< / tr >
2016-01-31 10:32:15 +08:00
< tr >
< td >
< a href = "https://github.com/unbam/Leaflet.SlideMenu" > Leaflet.SlideMenu< / a >
< / td >
< td >
A simple slide menu for Leaflet.
< / td >
< td >
< a href = "https://github.com/unbam" > Masashi Takeshita< / a >
< / td >
< / tr >
2016-02-20 07:15:29 +08:00
< tr >
< td >
< a href = "https://github.com/NBTSolutions/Leaflet.Dialog" > Leaflet.Dialog< / a >
< / td >
< td >
A simple resizable, movable, customizable dialog box. (< a href = "http://nbtsolutions.github.io/Leaflet.Dialog/" > Demo< / a > )
< / td >
< td >
< a href = "https://github.com/NBTSolutions" > NBT Solutions< / a >
< / td >
< / tr >
2016-03-23 21:56:20 +08:00
< tr >
< td >
< a href = "https://github.com/MAD-GooZe/Leaflet.BootstrapZoom" > Leaflet.BootstrapZoom< / a >
< / td >
< td >
Overrides default zoom control buttons with Twitter Bootstrap styled ones
< / td >
< td >
< a href = "https://github.com/MAD-GooZe" > Alexey Gusev< / a >
< / td >
< / tr >
2016-10-07 00:10:46 +08:00
< tr >
< td >
< a href = "https://github.com/route360/Leaflet.CondensedAttribution" > Leaflet.CondensedAttribution< / a >
< / td >
< td >
An attribution plugin that makes long attributes visible on hover
< / td >
< td >
< a href = "http://www.motionintelligence.net/" > Motion Intelligence GmbH< / a >
< / td >
< / tr >
2012-07-19 06:55:21 +08:00
< / table >
2012-07-19 00:12:01 +08:00
2015-05-08 21:53:46 +08:00
### Print/export
2015-05-07 23:28:13 +08:00
Print or export your map.
2015-05-08 04:42:30 +08:00
<!--
- 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
-->
2015-05-07 23:28:13 +08:00
< table class = "plugins" > < tr > < th > Plugin< / th > < th > Description< / th > < th > Maintainer< / th > < / tr >
2012-07-19 06:55:21 +08:00
< tr >
< td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/aratcliffe/Leaflet.print" > Leaflet.print< / a >
2012-07-19 06:55:21 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
Implements the Mapfish print protocol allowing a Leaflet map to be printed using either the Mapfish or GeoServer print module.
2012-07-19 06:55:21 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/aratcliffe" > Adam Ratcliffe< / a >
2012-07-19 06:55:21 +08:00
< / td >
< / tr >
2015-05-12 17:36:08 +08:00
< tr >
< td >
< a href = "https://github.com/mapbox/leaflet-image" > Leaflet-image< / a >
< / td > < td >
Export images out of Leaflet maps without a server component, by using Canvas and CORS.
< / td > < td >
< a href = "https://github.com/tmcw" > Tom MacWright< / a >
< / td >
< / tr >
2015-05-07 23:28:13 +08:00
< / table >
2015-05-08 21:53:46 +08:00
### Geolocation
2015-05-07 23:28:13 +08:00
Plugins that extend Leaflet's geolocation capabilities.
< table class = "plugins" > < tr > < th > Plugin< / th > < th > Description< / th > < th > Maintainer< / th > < / tr >
2012-07-19 06:55:21 +08:00
< tr >
< td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/CliffCloud/Leaflet.LocationShare" > L.LocationShare< / a >
2012-07-19 06:55:21 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
Allow users to send and receive a marker with a message.
< a href = "https://cliffcloud.github.io/Leaflet.LocationShare" > Demo< / a >
2012-07-19 06:55:21 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/atstp" > atstp< / a >
2012-07-19 06:55:21 +08:00
< / td >
< / tr >
2012-07-24 06:41:55 +08:00
< tr >
< td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/domoritz/leaflet-locatecontrol" > Leaflet.Locate< / a >
2012-07-24 06:41:55 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
A customizable locate control.
2012-07-24 06:41:55 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/domoritz" > Dominik Moritz< / a >
2012-07-24 06:41:55 +08:00
< / td >
< / tr >
2012-12-23 01:09:37 +08:00
< tr >
< td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/stefanocudini/leaflet-compass" > Leaflet Control Compass< / a >
2012-12-23 01:09:37 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
A leaflet control plugin to build a simple rotating compass
2012-12-23 01:09:37 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
< a href = "http://labs.easyblog.it/" > Stefano Cudini< / a >
2012-12-23 01:09:37 +08:00
< / td >
< / tr >
2013-01-19 09:04:36 +08:00
< tr >
< td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/M165437/Leaflet.AccuratePosition" > Leaflet.AccuratePosition< / a >
2013-01-19 09:04:36 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
Leaflet.AccuratePosition aims to provide a desired device location accuracy.
2013-01-19 09:04:36 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/M165437" > Michael Schmidt-Voigt< / a >
2013-01-19 09:04:36 +08:00
< / td >
< / tr >
2015-05-07 23:28:13 +08:00
< / table >
2015-05-08 04:42:30 +08:00
2015-05-08 21:53:46 +08:00
## Miscellaneous
2015-05-08 04:42:30 +08:00
2015-05-08 21:53:46 +08:00
### Geoprocessing
2015-05-08 04:42:30 +08:00
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 >
2015-05-27 07:03:57 +08:00
< tr >
< td >
< a href = "https://github.com/mapzen/leaflet-spatial-prefix-tree" > leaflet-spatial-prefix-tree< / a >
< / td > < td >
Leaflet plugin for visualizing spatial prefix trees, quadtree and geohash. See < a href = "http://mapzen.github.io/leaflet-spatial-prefix-tree/" > demo< / a >
< / td > < td >
< a href = "http://mapzen.com/" > Mapzen< / a >
< / td >
< / tr >
2015-05-08 04:42:30 +08:00
< / table >
2015-05-08 21:53:46 +08:00
### Routing
2015-05-08 04:42:30 +08:00
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 >
2015-07-02 14:11:27 +08:00
< a href = "http://www.liedman.net/leaflet-routing-machine/" > Leaflet Routing Machine< / a >
2015-05-08 04:42:30 +08:00
< / td > < td >
2016-01-10 10:19:50 +08:00
Control for route search with via points, displaying itinerary and alternative routes. Uses
2015-07-02 14:11:27 +08:00
< a href = "http://project-osrm.org/" > OSRM< / a > by default, but also supports
< a href = "https://graphhopper.com/" > GraphHopper< / a > ,
< a href = "https://www.mapbox.com/developers/api/directions/" > Mapbox Directions API< / a > and more.
2015-05-08 04:42:30 +08:00
< / 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 >
2016-01-10 10:19:50 +08:00
2015-07-02 01:24:45 +08:00
< tr >
< td >
< a href = "https://github.com/StephanGeorg/leaflet-routeboxer" > Leaflet RouteBoxer< / a >
< / td > < td >
This is a Leaflet implementation of the RouteBoxer Class from Google. The Leaflet RouteBoxer class generates a set of L.LatLngBounds objects that are guaranteed to cover every point within a specified distance of a path.
< / td > < td >
< a href = "http://www.nearest.place/" > Nearest!< / a >
< / td >
< / tr >
2016-11-23 17:15:50 +08:00
< tr >
< td >
< a href = "https://github.com/BKGiser/Leaflet.Routing.Amap" > Leaflet.Routing.Amap< / a >
< / td > < td >
Control for route search using < a href = "http://www.amap.com/" > AMap(高德地图)< / a > as a backend. Supports the Chinese BD09 and GCJ02 coordinate systems, colourful lines, and turn-by-turn popups.
< / td > < td >
< a href = "https://github.com/BKGiser" > Jack Good< / a >
< / td >
< / tr >
2015-05-08 04:42:30 +08:00
< / table >
2015-05-08 21:53:46 +08:00
### Geocoding
2015-05-08 04:42:30 +08:00
External services that transform an address or the name of a place into latitude and longitude (or vice versa).
2015-05-07 23:28:13 +08:00
< table class = "plugins" > < tr > < th > Plugin< / th > < th > Description< / th > < th > Maintainer< / th > < / tr >
2013-03-08 17:50:56 +08:00
< tr >
< td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/smeijer/L.GeoSearch" > Leaflet GeoSearch< / a >
2013-03-08 17:50:56 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
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.
2013-03-08 17:50:56 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/smeijer" > Stephan Meijer< / a >
2013-03-08 17:50:56 +08:00
< / td >
< / tr >
2013-03-29 00:55:06 +08:00
< tr >
< td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/k4r573n/leaflet-control-osm-geocoder" > Leaflet Control OSM Geocoder< / a >
2013-03-29 00:55:06 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
A simple geocoder that uses OpenstreetMap Nominatim to locate places by address.
2013-03-29 00:55:06 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/k4r573n" > Karsten Hinz< / a >
2013-03-29 00:55:06 +08:00
< / td >
< / tr >
2013-05-03 17:52:25 +08:00
< tr >
< td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/sa3m/leaflet-control-bing-geocoder" > Leaflet Control Bing Geocoder< / a >
2013-05-03 17:52:25 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
A simple geocoder control that uses Bing to locate places.
2013-05-03 17:52:25 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/sa3m" > Samuel Piquet< / a >
2013-05-03 17:52:25 +08:00
< / td >
< / tr >
2013-05-29 19:00:53 +08:00
< tr >
< td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/perliedman/leaflet-control-geocoder" > Leaflet Control Geocoder< / a >
2013-05-29 19:00:53 +08:00
< / td > < td >
2015-07-02 14:51:36 +08:00
A clean and extensible control for both geocoding and reverse geocoding. Builtin support for
Nominatim, Bing, MapQuest, Mapbox, What3Words, Google and Photon. Easy to extend to other providers.
2013-05-29 19:00:53 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/perliedman" > Per Liedman< / a >
2013-05-29 19:00:53 +08:00
< / td >
< / tr >
2015-05-07 23:28:13 +08:00
< tr >
2013-07-31 08:44:02 +08:00
< td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/jakubdostal/leaflet-geoip" > Leaflet GeoIP Locator< / a >
2013-07-31 08:44:02 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
A simple plugin that allows finding the approximate location of IP addresses and map centering on said location.
2013-07-31 08:44:02 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/jakubdostal" > Jakub Dostal< / a >
2013-07-31 08:44:02 +08:00
< / td >
< / tr >
2015-05-07 23:28:13 +08:00
< tr >
2014-07-04 18:48:07 +08:00
< td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/Esri/esri-leaflet-geocoder" > Esri Leaflet Geocoder< / a >
2014-07-04 18:48:07 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
A geocoding control with suggestions powered by the ArcGIS Online geocoder.
2014-07-11 07:24:06 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/patrickarlt/" > Patrick Arlt< / a >
2014-07-04 18:48:07 +08:00
< / td >
< / tr >
2014-07-11 07:25:27 +08:00
< tr >
2014-04-07 15:40:27 +08:00
< td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/lokku/leaflet-opencage-search" > Leaflet.OpenCage.Search< / a >
2014-04-07 15:40:27 +08:00
< / td >
2014-05-08 13:02:15 +08:00
< td >
2015-05-07 23:28:13 +08:00
A search plugin plugin that uses < a href = "http://geocoder.opencagedata.com/" > OpenCage Data's geocoding API< / a > .
< / td >
< td >
2016-08-17 22:39:36 +08:00
The < a href = "https://github.com/opencagedata" > OpenCage< / a > team
2014-05-08 13:02:15 +08:00
< / td >
< / tr >
2014-06-26 19:39:24 +08:00
< tr >
< td >
2015-05-07 23:28:13 +08:00
< 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 >
2014-06-26 19:39:24 +08:00
< / td >
< / tr >
2015-10-10 06:04:00 +08:00
< tr >
< td >
2015-12-08 05:33:48 +08:00
< a href = "https://github.com/mapzen/leaflet-geocoder" > Mapzen Search Leaflet Geocoder< / a >
2015-10-10 06:04:00 +08:00
< / td >
< td >
2015-12-08 05:33:48 +08:00
A geocoding control using < a href = "https://mapzen.com/projects/search" > Mapzen Search< / a > or any hosted service powered by the < a href = "https://github.com/pelias/api" > Pelias Geocoder API< / a > . < a href = "https://mapzen.github.io/leaflet-geocoder/" > Demo< / a >
2015-10-10 06:04:00 +08:00
< / td >
< td >
< a href = "https://github.com/louh" > Lou Huang< / a >
< / td >
< / tr >
2015-05-07 23:28:13 +08:00
< / table >
2015-05-08 21:53:46 +08:00
### Plugin collections
2015-05-08 04:42:30 +08:00
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 >
2016-12-01 19:58:18 +08:00
A set of plugins for: GPX, KML, TOPOJSON layers; Bing tile layer; Yandex layers (implemented with their APIs), and permalink control.
2015-05-08 04:42:30 +08:00
< / 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 >
2015-05-07 23:28:13 +08:00
2015-05-08 21:53:46 +08:00
## Integration
2015-05-07 23:28:13 +08:00
2015-05-08 21:53:46 +08:00
### Frameworks & build systems
2015-05-07 23:28:13 +08:00
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 >
2014-09-03 06:58:16 +08:00
< tr >
< td >
< a href = "https://github.com/moklick/generator-leaflet" > Leaflet Yeoman Generator< / a >
2016-01-10 22:18:21 +08:00
< / td > < td >
2014-09-03 06:58:16 +08:00
Yeoman generator that scaffolds out a basic Leaflet map application.
2016-01-10 22:18:21 +08:00
< / td > < td >
2014-09-03 06:58:16 +08:00
< a href = "https://github.com/moklick" > Moritz Klack< / a >
< / td >
< / tr >
2015-04-03 09:51:15 +08:00
< tr >
< td >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/PaulLeCam/react-leaflet" > react-leaflet< / a >
2016-01-10 22:18:21 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
< a href = "https://facebook.github.io/react/" > React< / a > components for Leaflet maps.
2016-01-10 22:18:21 +08:00
< / td > < td >
2015-05-07 23:28:13 +08:00
< 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 >
2015-04-03 09:51:15 +08:00
< / td >
< / tr >
2014-10-07 15:14:20 +08:00
< tr >
< td >
< a href = "https://github.com/Norkart/Leaflet-LayerConfig" > Leaflet LayerConfig< / a >
2016-01-10 22:18:21 +08:00
< / td > < td >
2014-10-07 15:14:20 +08:00
Provide a json file or service response with a configuration of layers and markers to automatically set up a Leaflet client.
2016-01-10 22:18:21 +08:00
< / td > < td >
2014-10-07 15:14:20 +08:00
< a href = "https://github.com/alexanno" > Alexander Nossum< / a >
< / td >
< / tr >
2015-05-07 23:28:13 +08:00
< 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 >
2014-10-13 04:32:42 +08:00
< tr >
< td >
< a href = "https://github.com/dagjomar/Leaflet.ZoomCSS" > Leaflet ZoomLevel CSS Class< / a >
2016-01-10 22:18:21 +08:00
< / td > < td >
2014-10-13 04:32:42 +08:00
Add zoom level css class to map element for easy style updates based on zoom levels
2016-01-10 22:18:21 +08:00
< / td > < td >
2014-10-13 04:32:42 +08:00
< a href = "https://github.com/dagjomar" > Dag Jomar Mersland< / a >
< / td >
< / tr >
2015-05-08 07:03:13 +08:00
< tr >
< td >
< a href = "https://github.com/IjzerenHein/famous-map" > famous-map< / a >
2016-01-10 22:18:21 +08:00
< / td > < td >
2015-05-08 07:03:13 +08:00
Integrate Leaflet in applications made with the < a href = 'famo.us' > famo.us< / a > web framework.
2016-01-10 22:18:21 +08:00
< / td > < td >
2015-05-08 07:03:13 +08:00
< a href = "http://www.gloey.nl" > Hein Rutjes< / a >
< / td >
< / tr >
< tr >
< td >
< a href = "https://github.com/tombatossals/angular-leaflet-directive" > Angular Leaflet directive< / a >
2016-01-10 22:18:21 +08:00
< / td > < td >
2015-05-08 07:03:13 +08:00
Integrate Leaflet in applications made with the < a href = 'http://angularjs.org/' > AngularJS< / a > web framework.
2016-01-10 22:18:21 +08:00
< / td > < td >
2015-05-08 07:03:13 +08:00
< a href = "https://github.com/tombatossals" > David Rubert< / a >
< / td >
< / tr >
2015-10-05 20:44:25 +08:00
< tr >
< td >
< a href = "https://github.com/CleverMaps/tiny-leaflet-directive" > Tiny Leaflet Directive< / a >
2016-01-10 22:18:21 +08:00
< / td > < td >
2015-10-05 20:44:25 +08:00
Tiny LeafletJS map directive for your AngularJS apps.
2016-01-10 22:18:21 +08:00
< / td > < td >
2015-10-05 20:44:25 +08:00
< a href = "https://github.com/mattesCZ" > Martin Tesař< / a >
< / td >
< / tr >
2016-01-12 06:00:45 +08:00
< tr >
< td >
2016-04-13 00:17:14 +08:00
< a href = "https://github.com/grantHarris/leaflet-popup-angular" > Leaflet Popup Angular< / a >
< / td > < td >
Use AngularJS in your Leaflet popups. Extends the built-in L.popup.
< / td > < td >
< a href = "https://github.com/grantHarris" > Grant Harris< / a >
< / td >
< / tr >
< tr >
< td >
< a href = "https://github.com/grantHarris/leaflet-control-angular" > Leaflet Control Angular< / a >
2016-01-12 06:00:45 +08:00
< / td > < td >
Insert and use Angularized HTML code in your Leaflet map as a Leaflet control.
< / td > < td >
< a href = "https://github.com/grantHarris" > Grant Harris< / a >
< / td >
< / tr >
2015-05-08 07:03:13 +08:00
< tr >
< td >
2016-01-10 22:18:21 +08:00
< a href = "https://github.com/leaflet-extras/leaflet-map" > < leaflet-map> < / a >
< / td > < td >
Integrate Leaflet in applications made with the < a href = 'https://www.polymer-project.org/' > Polymer > = 1.0< / a > web component framework.
< / td > < td >
< a href = "https://github.com/nhnb" > Hendrik Brummermann< / a > ,
< a href = "https://github.com/prtksxna" > Prateek Saxena< / a >
2015-05-08 07:03:13 +08:00
< / td >
2016-01-10 22:18:21 +08:00
< / tr >
< tr >
2015-05-08 07:03:13 +08:00
< td >
2016-01-10 22:18:21 +08:00
< a href = "https://github.com/prtksxna/leaflet-map-component" > Leaflet map component< / a >
< / td > < td >
2015-05-29 04:53:47 +08:00
Integrate Leaflet in applications made with the < a href = 'https://www.polymer-project.org/0.5/' > Polymer 0.5< / a > web framework.
2016-01-10 22:18:21 +08:00
< / td > < td >
2015-05-08 07:03:13 +08:00
< a href = "https://github.com/prtksxna" > Prateek Saxena< / a >
2015-10-29 19:42:53 +08:00
< / td >
< / tr >
< tr >
< td >
< a href = "https://github.com/themrleon/JSF2Leaf" > JSF2Leaf< / a >
2016-01-10 22:18:21 +08:00
< / td > < td >
2015-10-29 19:42:53 +08:00
A JavaServer Faces wrapper for Leaflet.
2016-01-10 22:18:21 +08:00
< / td > < td >
2015-10-29 19:42:53 +08:00
< a href = "https://github.com/themrleon" > Leonardo Ciocari< / a >
2015-11-18 04:15:56 +08:00
< / td >
< / tr >
< tr >
< td >
< a href = "http://www.ember-leaflet.com/" > ember-leaflet< / a >
2016-01-10 22:18:21 +08:00
< / td > < td >
2015-11-18 04:15:56 +08:00
Easy and declarative mapping for < a href = "http://emberjs.com/" > Ember.js< / a > using Leaflet.
2016-01-10 22:18:21 +08:00
< / td > < td >
2015-11-18 04:15:56 +08:00
< a href = "https://github.com/miguelcobain" > Miguel Andrade< / a >
2015-05-08 07:03:13 +08:00
< / td >
< / tr >
2016-01-10 10:19:50 +08:00
< tr >
< td >
< a href = "https://github.com/bevanhunt/meteor-leaflet" > meteor-leaflet< / a >
2016-01-10 22:18:21 +08:00
< / td > < td >
2016-01-10 10:19:50 +08:00
Provides a Meteor package to quickly build real-time cross-platform map apps.
2016-01-10 22:18:21 +08:00
< / td > < td >
2016-01-10 10:19:50 +08:00
< a href = "https://github.com/bevanhunt" > Bevan Hunt< / a >
< / td >
2016-01-10 22:18:21 +08:00
< / tr >
2016-05-18 14:41:20 +08:00
< tr >
< td >
< a href = "https://github.com/gregallensworth/L.Control.BootstrapModal" > L.Control.BootstrapModal< / a >
< / td > < td >
Trigger a Bootstrap modal using an on-map control.
< / td > < td >
< a href = "https://github.com/gregallensworth" > Greg Allensworth< / a >
< / td >
< / tr >
< tr >
< td >
< a href = "https://github.com/gregallensworth/L.Control.jQueryDialog" > L.Control.jQueryDialog< / a >
< / td > < td >
Trigger a jQuery UI dialog/modal using an on-map control.
< / td > < td >
< a href = "https://github.com/gregallensworth" > Greg Allensworth< / a >
< / td >
< / tr >
2016-11-15 21:40:01 +08:00
< tr >
< td >
< a href = "https://github.com/mstahv/v-leaflet" > V-Leaflet< / a >
< / td > < td >
Use Leaflet as a component for the < a href = 'https://vaadin.com/home' > Vaadin< / a > Java/HTML framework.
< / td > < td >
< a href = "https://github.com/mstahv" > Matti Tahvonen< / a >
< / td >
< / tr >
2016-12-01 20:38:44 +08:00
< tr >
< td >
< a href = "https://github.com/gwidgets/gwty-leaflet" > gwty-leaflet< / a >
< / td > < td >
A Java/GWT JsInterop wrapper for Leaflet. It allows using Leaflet in Java the same way as from a javascript script.
< / td > < td >
< a href = "https://github.com/zak905" > Zakaria Amine< / a >
< / td >
< / tr >
2015-05-07 23:28:13 +08:00
< / table >
2015-05-08 21:53:46 +08:00
### 3<sup>rd</sup> party integration
2015-05-07 23:28:13 +08:00
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 >
2014-10-15 20:46:30 +08:00
< tr >
< td >
2015-05-07 23:28:13 +08:00
< 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 >
2014-10-15 20:46:30 +08:00
< / td >
2015-05-07 23:28:13 +08:00
< / tr >
< tr >
2014-10-15 20:46:30 +08:00
< td >
2015-05-07 23:28:13 +08:00
< 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 >
2014-10-15 20:46:30 +08:00
< / td >
2015-05-07 23:28:13 +08:00
< / tr >
< tr >
2014-10-15 20:46:30 +08:00
< td >
2015-05-07 23:28:13 +08:00
< 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 >
2014-10-15 20:46:30 +08:00
< / td >
< / tr >
2015-02-21 06:32:26 +08:00
< tr >
< td >
< a href = "https://maptiks.com" > Maptiks< / a >
< / td >
< td >
2015-05-07 23:28:13 +08:00
Analytics platform for web maps. Track map activities, layer load times, marker clicks, and more!
2015-02-21 06:32:26 +08:00
< / td >
< td >
< a href = "http://www.sparkgeo.com/" > Sparkgeo< / a >
2015-05-07 23:28:13 +08:00
< / td >
2015-02-21 06:32:26 +08:00
< / tr >
2016-02-22 19:17:35 +08:00
< tr >
< td >
< a href = "http://drupal.org/project/leaflet" > Leaflet for Drupal< / a >
< / td > < td >
A Drupal (7.x and 8.x) module to integrate Leaflet maps in your Drupal site. Contains a field formatter to show a map for fields containing geospatial data, Views integration to plot data on a map, and a lightweight and easy to use API. Currently used by over 10.000 sites.
< / td > < td >
< a href = "http://marzeelabs.org" > Marzee Labs< / a > , and more maintainers listed at < a href = "http://drupal.org/project/leaflet" > drupal.org< / a >
< / td >
< / tr >
2015-05-07 23:28:13 +08:00
< / table >
2015-05-08 21:53:46 +08:00
## Develop your own
2015-05-07 23:28:13 +08:00
2015-05-08 04:42:30 +08:00
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.
2015-05-07 23:28:13 +08:00
2015-05-08 04:42:30 +08:00
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 ).
2015-05-07 23:28:13 +08:00
2016-09-10 17:00:38 +08:00
Once your plugin is ready, you can submit it to this list: just send a pull request with the addition to [/docs/plugins.md ](https://github.com/Leaflet/Leaflet/blob/master/docs/plugins.md ) to our GitHub repository.