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 >
2015-05-07 23:28:13 +08:00
Contains configurations for various free tile providers — OSM, OpenCycleMap, MapQuest, 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-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 >
< / 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-23 19:41:48 +08:00
< tr >
< td >
< a href = "https://github.com/IvanSanchez/Leaflet.MandelbrotGL" > Leaflet.MandelbrotGL< / a >
< / td > < td >
Renders the < a href = "https://en.wikipedia.org/wiki/Mandelbrot_set" > Mandelbrot set< / a > using WebGL (< a href = "https://ivansanchez.github.io/Leaflet.MandelbrotGL/demo.html" > demo< / a > ).
< / td > < td >
< a href = "https://github.com/IvanSanchez" > Iván Sánchez< / a >
< / 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 >
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 >
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 >
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-05-07 23:28:13 +08:00
< a href = "http://moonlite.github.com/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-05-07 23:28:13 +08:00
< a href = "https://github.com/moonlite" > 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-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 >
A Leaflet Plugin that renders Mapbox Vector Tiles on canvas. See < a href = "http://spatialserver.github.io/Leaflet.MapboxVectorTile/examples/confetti.html" > demo< / a >
< / td > < td >
< a href = "http://spatialdev.com/" > SpatialDev< / a >
< / td >
< / tr >
< tr >
< td >
< a href = "https://github.com/devTristan/hoverboard" > Hoverboard< / a >
< / td > < td >
Render vector tiles on canvas with leaflet (geojson, topojson, and protobuf). See < a href = "http://tristan.io/hoverboard/" > demo< / a > .
< / 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 >
< / 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 >
< a href = "https://github.com/geolicious/qgis2leaf" > QGIS2Leaf< / a >
< / td > < td >
QGIS2Leaf exports the vector layers in QGIS as GeoJSON and creates a basic Leaflet webmap from it. Additionally your raster data is added as image overlays with an opacity slider.
< / td > < td >
< a href = "https://github.com/Geolicious" > Geolicious< / a >
< / 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 >
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 >
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 >
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-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-05-08 04:42:30 +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 known 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 >
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 >
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 >
< tr >
< 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 >
2015-03-31 03:15:54 +08:00
A boat marker using HTML Canvas for displaying yachts and sailboats with heading and wind information. < a href = "http://tomaszbrue.github.io/leaflet.boatmarker/" > Demo< / a > .
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 >
< tr >
< td >
< a href = "https://github.com/heyman/leaflet-usermarker" > leaflet-usermarker< / a >
< / td > < td >
Plugin for plotting a marker representing a user - or multiple users - on a map,
with support for drawing an accuraccy circle. Can be seen in action on
< a href = "http://longitude.me" > Longitude.me< / a > .
< / td > < td >
< a href = "http://heyman.info" > Jonatan Heyman< / a >
< / td >
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 >
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-05-07 23:28:13 +08:00
< / table >
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-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 >
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-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 )
* [Search & popups ](#ge#search--popups )
* [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 >
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 >
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 >
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-05-07 23:28:13 +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 >
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 >
< / 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 >
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-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-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-05-07 23:28:13 +08:00
< a href = "https://github.com/torfuspolymorphus/leaflet.zoomhome" > Leaflet.zoomhome< / a >
< / td >
< td >
Zoom control with a home button for resetting the view (< a href = "http://torfuspolymorphus.github.io/leaflet.zoomhome/" > Demo< / a > )
< / td >
< td >
< a href = "https://github.com/torfuspolymorphus" > Florian Brucker< / a >
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-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 >
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 >
< a href = "https://gitlab.com/leaflet/mouseCoordinate" > Leaflet.mouseCoordinates< / a >
< / td >
< td >
Displays the Mouse Coordinate in a Box.
Multiple Formats Are Possible
< ul >
< li > GPS< / li >
< li > UTM< / li >
< li > UTMREF / MGRS< / li >
2015-05-26 19:18:27 +08:00
< / ul >
2015-05-22 15:18:16 +08:00
< / td >
< td >
< a href = "https://gitlab.com/u/PowerPan" > Johannes Rudolph< / 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 >
2015-05-07 23:28:13 +08:00
< a href = "https://github.com/Alpstein/leaflet-singleclick_0.7" > singleclick< / a >
2015-02-13 01:41:21 +08:00
< / td >
< td >
2015-05-07 23:28:13 +08:00
Extend Map to fire a < code > singleclick< / code > event (< a href = "http://alpstein.github.io/leaflet-singleclick_0.7/" > example< / a > ).
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-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 >
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 >
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 >
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 >
2015-07-02 14:11:27 +08:00
Control for route search with via points, displaying itinerary and alternative routes. Uses
< 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 >
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 >
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 >
The < a href = "https://github.com/lokku" > 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-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 >
A set of plugins for: GPX, KML layers; Bing tile layer; Google and Yandex layers (implemented with their APIs), permalink and distance measurement controls.
< / td > < td >
< a href = "https://github.com/shramov" > Pavel Shramov< / a > , < a href = "https://github.com/brunob" > Bruno B< / a >
< / td >
< / tr >
< tr >
< td >
< a href = "https://github.com/Estimap/Spectrum4Leaflet" > Spectrum4Leaflet< / a >
< / td > < td >
Tools for using Spectrum Spatial Server services with leaflet. This plugin supports: map service, tile service, feature service. It has layers, legend and feature controls.
< / td > < td >
< a href = "https://github.com/SVoyt" > SVoyt< / a > , < a href = "https://github.com/Estimap" > ESTI MAP< / a >
< / td >
< / tr >
< tr >
< td >
< a href = "http://mapbbcode.org/leaflet.html" > MapBBCode-related leaflet plugins< / a >
< / td > < td >
Seven plugins for various features, independent of the MapBBCode library.
From circular and popup icons to buttons, layer switcher, better search and attribution.
< / td > < td >
< a href = "https://github.com/zverik" > Ilya Zverev< / a >
< / td >
< / tr >
< / table >
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 >
< / td >
< td >
Yeoman generator that scaffolds out a basic Leaflet map application.
< / td >
< td >
< a href = "https://github.com/moklick" > Moritz Klack< / a >
< / td >
< / tr >
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 >
2015-04-03 09:51:15 +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.
2015-04-03 09:51:15 +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 >
< / td >
< td >
Provide a json file or service response with a configuration of layers and markers to automatically set up a Leaflet client.
< / td >
< td >
< a href = "https://github.com/alexanno" > Alexander Nossum< / a >
< / td >
< / tr >
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 >
< / td >
< td >
Add zoom level css class to map element for easy style updates based on zoom levels
< / td >
< td >
< a href = "https://github.com/dagjomar" > Dag Jomar Mersland< / a >
< / td >
< / tr >
2015-05-08 07:03:13 +08:00
< tr >
< td >
< a href = "https://github.com/IjzerenHein/famous-map" > famous-map< / a >
< / td >
< td >
Integrate Leaflet in applications made with the < a href = 'famo.us' > famo.us< / a > web framework.
< / td >
< td >
< 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 >
< / td >
< td >
Integrate Leaflet in applications made with the < a href = 'http://angularjs.org/' > AngularJS< / a > web framework.
< / td >
< td >
< a href = "https://github.com/tombatossals" > David Rubert< / a >
< / td >
< / tr >
2015-05-29 04:51:14 +08:00
< tr >
< td >
< 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 >
< / td >
< / tr >
2015-05-08 07:03:13 +08:00
< tr >
< td >
< 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.
2015-05-08 07:03:13 +08:00
< / td >
< td >
< a href = "https://github.com/prtksxna" > Prateek Saxena< / 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 >
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
2015-05-08 04:42:30 +08:00
Once your plugin is ready, you can submit it to this list: just send a pull request with the addition to Leaflet repo's [gh-pages branch ](https://github.com/Leaflet/Leaflet/tree/gh-pages ) (`plugins.md` file).