---
layout: v2
title: Plugins
bodyclass: plugins-page
---
## Leaflet Plugins
While Leaflet is meant to be as lightweight as possible, and focuses on a core set of features, an easy way to extend its functionality is to use third-party plugins. Thanks to the awesome community behind Leaflet, there are literally hundreds of nice plugins to choose from.
---
Plugin | Description | Maintainer |
leaflet-providers
|
Contains configurations for various free tile providers — OSM, OpenCycleMap, Stamen, Esri, etc.
|
leaflet-extras members
|
Leaflet.KoreanTmsProviders
|
Contains configurations for various (South) Korean tile providers — Daum, Naver, VWorld, etc.
|
Seong Choi
|
Leaflet.ChineseTmsProviders
|
Contains configurations for various Chinese tile providers — TianDiTu, MapABC, GaoDe, etc.
|
Tao Huang
|
Esri Leaflet
|
A set of tools for using ArcGIS services with Leaflet. Support for map services, feature layers, ArcGIS Online tiles and more.
|
Patrick Arlt
|
Leaflet.GIBS
|
NASA EOSDIS GIBS imagery integration. The plugin provides 96 daily updated layers with satellite imagery and science parameters. Demo.
|
Alexander Parshin
|
L.TileLayer.Kartverket
|
Provides easy setup of the tile layers from Kartverket (The Norwegian Mapping Authority)
|
Kultur og naturreise / Atle Frenvik Sveen
|
Leaflet.Spain.WMS
|
Provides easy setup for several Web Map Services (WMS) layers for Spain (PNOA, IGN base, Catastro, etc), from Spanish mapping agencies.
|
Patricio Soriano
|
PolarMap.js
|
JavaScript library for displaying tiles from ArcticWebMap, a free tile provider with OSM data in multiple Arctic polar projections. Includes lower-level API for deeper integration with other Leaflet plugins.
|
GeoSensorWeb Lab
|
Bing Maps Layer
|
Add Bing Maps tiles to your Leaflet Map. Requires Leaflet v1.0.0.beta.2 or later.
|
Gregor MacLennan
|
L.TileLayer.HERE
|
Displays map tiles from HERE maps (demo).
|
Iván Sánchez
|
L.GridLayer.GoogleMutant
|
Displays Google maps (with minimal artifacts thanks to a DOM mutation observer technique) (demo).
|
Iván Sánchez
|
SuperMap Leaflet
|
SuperMap Leaflet is a Leaflet plugins for working with SuperMap service types.
Support for SuperMap services, tiles and more.
|
SuperMap
|
Leaflet.TileLayer.Mierune
|
Displays tiles from Mierune map. (Demo)
|
Mierune
|
Leaflet.TileLayer.Swiss
|
Displays national maps of Switzerland using WMTS services of swisstopo.
Demo.
|
Roman Zoller
|
### Basemap formats
Plugins for loading basemaps or GIS raster layers in common (albeit non-default) formats.
Plugin | Description | Maintainer |
leaflet.TileLayer.WMTS
| Add WMTS (IGN) layering for leaflet.
|
Alexandre Melard
|
azgs-leaflet
|
A set of small plugins for Leaflet, including WFS-GeoJSON layer with filtering, a hover control for GeoJSON, and an Esri tile layer.
|
AZGS
|
leaflet.wms
|
Enhanced WMS support for Leaflet, including single-tile/untiled layers, shared WMS sources, and layer identify via GetFeatureInfo.
|
S. Andrew Sheppard (HEI Geo)
|
Leaflet.NonTiledLayer.WCS
|
Display raster data from Web Coverage Services. Rasters can be styled and queried in the client. See the demo.
|
Stuart Matthews
|
Leaflet.bpg
|
TileLayer with .bpg image format decoding.
|
Andrzej Zaborowski
|
TileLayer.GeoJSON
|
A TileLayer for GeoJSON tiles.
|
Glen Robertson
|
leaflet-tilejson
|
Adds support for the TileJSON specification to Leaflet.
|
Per Liedman, Kartena
|
cartodb-leaflet
|
Official CartoDB plugin for Leaflet.
|
Vizzuality
|
Leaflet-2gis
|
Adds support for 2GIS tile layer
|
Eugene Mikhalev
|
Leaflet GeoJSON Encoded
|
Extends the L.GeoJSON layer using Google polyline encoding algorithm, allowing an optimized data transfer.
|
Geobricks
|
Leaflet.TileLayer.MBTiles
|
Loads .mbtiles tilesets.
|
Iván Sánchez
|
Leaflet.CanvasLayer.Field
|
Loads and styles raster files (geotiff & asciigrid formats).
It includes a ScalarField layer (for DTM, temperature...) and
VectorFieldAnim (an animated layer for wind, currents...). See the examples
|
Víctor Velarde
|
leaflet-geotiff
|
Display raster data from geoTIFF files as images or direction arrows. Rasters can be styled and queried in the client. An optional clipping mask can be applied, e.g. to restrict DEMs to land areas. See the demo.
|
Stuart Matthews
|
Leaflet.projwmts
|
Adding WMTS services (GUGiK Poland).
(demo).
|
Geoportal Poland
|
### Non-map base layers
Sometimes you don't want to load a map, just big custom images. **Really** big ones.
Plugin | Description | Maintainer |
TileLayer.BoundaryCanvas
|
Allows you to draw tile layers with arbitrary polygonal boundary. HTML5 Canvas is used for rendering.
|
Alexander Parshin
|
TileLayer.Grayscale
|
A regular TileLayer with grayscale makeover.
|
Ilya Zverev
|
Leaflet.ImageTransform
| Add support of image overlays with arbitrary perspective transformation.
|
Alexander Parshin,
Sergey Alekseev
|
Leaflet.OpacityControls
|
Simple Leaflet controls to adjust the opacity of a map layer.
|
Jared Dominguez
|
Leaflet.DistortableImage
|
Enable users to scale, rotate, and distort images on Leaflet maps.
|
Public Lab
|
Leaflet.DistortableVideo
|
Enable users to scale, rotate, and distort videos on Leaflet maps. (demo).
|
Roni Karilkar
|
Leaflet.ImageOverlay.Rotate
|
Displays rotated, scaled and skewed (but not rubbersheeted) ImageOverlays, given three control points. (demo).
|
Iván Sánchez Ortega
|
Leaflet.TileLayer.Mask
|
A TileLayer with mask effect (demo)
|
Yuzo Matsuzawa
|
Leaflet.TileLayer.PixelFilter
|
A TileLayer which can filter and replace pixels by RGB code.
demo 1 • demo 2
|
GreenInfo Network
|
Leaflet.Control.SideBySide
|
A Leaflet control to add a split screen to compare two map overlays (demo).
|
Digital Democracy
|
Leaflet.TileLayer.GL
|
Applies custom WebGL shaders to each tile in a tilelayer. Demos: Mandelbrot set, manipulate tile colours, elevation with terrain-RBG tiles.
|
Iván Sánchez
|
Leaflet.TileLayer.ColorPicker
|
A Leaflet TileLayer with getColor(latLng). Demos: color picker, elevation picker with mapbox terrain-RGB
|
Yuzo Matsuzawa
|
Leaflet.TileLayer.Colorizr
|
A Leaflet TileLayer which can modify colors by RGBA code. Demos: coming soon.
|
Hinrich Riedel
|
Leaflet.UTFGrid
|
Provides UTF-8 Grid support for Leaflet >= 1.0. Includes basic mouseover support plus ability to highlight feature from UTFGrid on hover (demo).
|
Brendan Ward
|
### Tile Load
The following plugins change the way that tile layers are loaded into the map.
### Vector tiles
Plugins to display Plugin | Description | Maintainer |
leaflet-omnivore
|
Loads & converts CSV, KML, GPX, TopoJSON, WKT formats for Leaflet.
|
Mapbox
|
Leaflet.FileLayer
|
Loads files (GeoJSON, GPX, KML) into the map using the HTML5 FileReader API (i.e. locally without server).
|
Mathieu Leplatre
|
Leaflet.geoCSV
|
Leaflet plugin for loading a CSV file as geoJSON layer.
|
Iván Eixarch
|
Leaflet.Shapefile
|
Put a shapefile onto your map as a layer.
|
Calvin Metcalf
|
Leaflet.FileGDB
|
Put an ESRI File GeoDatabase onto your map as a layer.
|
Calvin Metcalf
|
Leaflet.encoded
|
Use encoded polylines in Leaflet.
|
Jieter
|
Leaflet GPX
|
GPX layer, targeted at sporting activities by providing access to information such as distance, moving time, pace, elevation, heart rate, etc.
|
Maxime Petazzoni
|
Wicket
|
A modest library for translating between Well-Known Text (WKT) and Leaflet geometry objects (e.g. between L.marker() instances and "POINT()" strings).
|
K. Arthur Endsley
|
qgis2web
|
A QGIS plugin to make webmaps without coding.
|
Tom Chadwin
|
Leaflet-WFST
|
WFS client layer with transaction support
|
Flexberry
|
Leaflet-BetterScale
|
A new, more GIS-like scalebar with alternating black/white bars.
|
Dan Brown
|
Leaflet-GeoPackage
|
Load GeoPackage Tile and Feature Layers.
|
Daniel Barela,
NGA
|
Leaflet-CsvTiles
|
Load points from tiled csv files, using the amazing PapaParse library. Demo.
|
Gherardo Varando
|
### Dynamic/custom data loading
Load dynamic data which is updated in the map, or load GIS vector data in non-standard ways.
Plugin | Description | Maintainer |
Leaflet.RoughCanvas
|
Leaflet.RoughCanvas renders hand-drawn, sketch style vector map(polyline, polygon, geojson).
|
haoming
|
Leaflet.ellipse
|
Leaflet.ellipse place ellipses on map by specifying center point, semi-major axis,
semi-minor axis, and tilt degrees from west.
|
JD Fergason
|
Leaflet.label
|
Adds text labels to map markers and vector layers.
|
Jacob Toye
|
Leaflet-semicircle
|
Adds functionality to L.Circle to draw semicircles.
|
Jieter
|
Leaflet.PolylineDecorator
|
Allows you to draw patterns (like dashes, arrows or evenly spaced Markers) along Polylines or coordinate paths.
|
Benjamin Becquet
|
Leaflet.Sprite
|
Use sprite based icons in your markers.
|
Calvin Metcalf
|
Leaflet.TextPath
|
Allows you to draw text along Polylines.
|
Mathieu Leplatre
|
Leaflet-SVGIcon
|
A simple and customizable SVG icon with no external dependencies. Also included is a convenience Marker class and two example subclasses. Customizable demo with example subclasses
|
Ilya Atkin
|
Leaflet.BeautifyMarkers
|
Lightweight plugin that adds colorful iconic markers without image and gives full control of style to end user (i.e. Unlimited colors and CSS styling).
|
Muhammad Arslan Sajid
|
Leaflet.Awesome-Markers
|
Colorful, iconic & retina-proof markers based on the Font Awesome icons/Twitter Bootstrap icons
|
Lennard Voogdt
|
Leaflet.Extra-Markers
|
Shameless copy of Awesome-Markers with more shapes, colors and semantic-ui support
|
Cory Silva
|
Leaflet.MakiMarkers
| Create markers using Maki Icons from MapBox.
|
James Seppi
|
Leaflet.Icon.Glyph
|
Use icon font glyphs in your markers (from Font Awesome, Material Design Icons, Glyphicons,
Metro UI icons, Elusive, and other icon fonts). (demo)
|
Iván Sánchez Ortega
|
Leaflet.LineExtremities
|
Show symbols at the extremities of polylines, using SVG markers.
|
Frédéric Bonifas
|
Leaflet.VectorMarkers
|
Vector SVG markers for Leaflet, with an option for Font Awesome/Twitter Bootstrap icons.
|
Mathias Schneider
|
Leaflet.pattern
|
Add support for pattern fills on Paths.
|
Tyler Eastman
|
Leaflet.BoatMarker
|
A boat marker using HTML Canvas for displaying yachts and sailboats with heading and optional wind information. Demo.
|
Thomas Brüggemann
|
leaflet-usermarker
|
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
Longitude.me.
|
Jonatan Heyman
|
Leaflet.geojsonCSS
|
Geojson CSS implementation for Leaflet.
|
Alexander Burtsev
|
OSM Buildings
|
Amazing JS library for visualizing 3D OSM building geometry on top of Leaflet.
|
Jan Marsch
|
Leaflet.EdgeMarker
|
Plugin to indicate the existence of Features outside of the current view.
|
Gerald Pape
|
Leaflet.orientedMarker
|
Allows to manage orientation of markers dynamically.
|
Gismartwaredev
|
leaflet-icon-pulse
|
Renders pulsing icon using CSS3. It can be used for location marker.
|
mapshakers/
Filip Zavadil
|
leaflet-mapkey-icon
|
Set of cartographic font icons based on mapkeyicons.
|
mapshakers/
Filip Zavadil
|
Leaflet.Photo
|
Plugin to show geotagged photos on a Leaflet map. Demo.
|
Bjørn Sandvik
|
Leaflet.curve
|
A Leaflet plugin for drawing Bézier curves and other complex shapes. Demo.
|
elfalem
|
Leaflet.bezier
|
Draws a Bézier line between two points with an animated flight object.
|
Supun Praneeth
|
Leaflet.Arc
|
This plugin adds L.Polyline.Arc function which wraps arc.js functionality for creation of Great Cirlce arcs.
|
Alexey Gusev
|
leaflet-choropleth
|
Extends L.geoJson to add a choropleth visualization (color scale based on value). Demo.
|
Tim Wisniewski
|
Leaflet.Canvas-Markers
|
Displays markers on canvas instead of DOM.
|
Evgeniy Voynov
|
leaflet-tracksymbol
|
This marker provides a tracksymbol with orientation, velocity-vector and configurable shape.
|
Tim Leerhoff
|
leaflet-ais-tracksymbol
|
AIS Extension for leaflet-tracksymbol It displays AIS Contacts on the Map.
|
Johannes Rudolph
|
leaflet-ais-tracksymbol-search
|
Adds a Seach Box for your Leaflet Map and Your [leaflet-ais-trackymbol](https://github.com/PowerPan/leaflet-ais-tracksymbol)
|
Johannes Rudolph
|
leaflet.marker.pin
|
Pins are markers that can be added and edited on the map by the end user. Demo.
|
Christian Guyette
|
Leaflet.Marker.Stack
|
A pure Leaflet implementation of CartoDB's "stacked chips" symbolizer. Demo.
|
Iván Sánchez
|
leaflet-polygon.fillPattern
|
Extend the Polygon Object to fill SVG Path element with an image pattern.Demo.
|
CloudyBay
|
Leaflet Polyline Offset
|
Adds to L.Polyline the ability to be shifted with a relative pixel offset, without modifying its actual LatLng s. The offset value can be either negative or positive, for left- or right-side offset, and remains constant across zoom levels (basic demo).
|
Benjamin Becquet
|
leaflet-labeled-circle
|
Special type of SVG marker with a label inside and draggable around the anchor point (demo).
|
Alexander Milevski
|
Leaflet.ParallaxMarker
|
Add markers that moves with a parallax-effect relative to the map when panning (demos / examples).
|
Dag Jomar Mersland
|
leaflet-distance-markers
|
Allows displaying markers along a route (L.Polyline) at equivalent distances (eg. one per mile) (demo).
|
Doroszlai, Attila
|
leaflet-corridor
|
Renders a polyline with width fixed in meters, not in pixels; adjusts width depending on zoom level (demo).
|
Mikhail Shilkov
|
Leaflet.LabelTextCollision
|
Displays labels on paths (polylines, polygons, circles) avoiding label collision. (demo).
|
Kenta Hakoishi
|
Leaflet.Viewpoint
|
Displays circleMarker with multiple directions.
Useful to show photos taken from one point. (demo).
|
Grigory Golikov
|
Leaflet.magicMarker
|
Adding magical animation effect to a marker while loading.(Demo).
|
Sylvenas
|
Leaflet.Marker.Highlight
|
Adding highlight performance for L.marker.(Demo).
|
Brandon Xiang
|
Leaflet.GeotagPhoto
|
Plugin for photo geotagging, with two modes: camera and crosshair (Demo).
|
Bert Spaan
|
Leaflet.GLMarkers
|
Display thousands of markers with custom WebGL shaders, optionally animated. (demo)
|
Iván Sánchez Ortega
|
Leaflet.River
|
Draw lines with different width (like rivers) on a map.
Useful when you want to show how rivers 'flow' on the map (demo).
|
Grigory Golikov
|
Leaflet.SpeechBubble
|
Popup a speech bubble with the arrow that follow points,layer, markers ...
(demo).
|
Sylvain BRISSY
|
Leaflet Swoopy
|
A plugin for creating customizable swoopy arrow annotations.
|
webkid
|
leaflet-polycolor
|
Color each polyline segment. (demo)
|
Olivier Gasc
|
leaflet-marker-direction
|
display the path and the direction of the marker. (demo)
|
Jack Zou
|
Leaflet Rotated Marker
|
Enables rotation of marker icons in Leaflet. (Demo)
|
Benjamin Becquet
|
Leaflet Truesize
|
A plugin for creating projection aware draggable polygons and polylines.
|
webkid
|
### Overlay animations
These plugins animate markers or some geometries. See also [geometries with time or elevation](#geometryinteraction-time).
### Heatmaps
These plugins create heatmaps and heatmap-like visualizations from vector data.
Plugin | Description | Maintainer |
geogrid.js
|
Displays data aggregated by the ISEA3H discrete global grid system. The data can, e.g., be delived by using Measures REST (a framework to deliver data aggregated by the grid) or geogrid (a library for handling the grid in case that you want to aggregate data manually).
|
F.-B. Mocnik, GIScience Research Group, Heidelberg University
|
RaphaelLayer
|
Allows you to use Raphael as a layer on a Leaflet map for advanced animations and visualizations.
|
Dynamic Methods
|
Leaflet Data Visualization Framework
|
New markers, layers, and utility classes for easy thematic mapping and data visualization.
|
Scott Fairgrieve
|
Leaflet.D3SvgOverlay
|
SVG overlay class for using with D3 library. Supports zoom animation and scaling without need to redraw the layer.
|
Kirill Zhuravlev
|
mapbox-gl-leaflet
|
Binding from Mapbox GL JS to the Leaflet API
|
Tom MacWright
|
leaflet-echarts
|
A plugin for Leaflet to load echarts map and make big data visualization easier.
|
wandergis
|
jquery-storymap
|
A jQuery plugin to display several map locations as the user scrolls through paragraphs.
|
Atle Frenvik Sveen
|
Leaflet for R
|
Allows using Leaflet from within R programs, a programming language popular for statistical analysis and data mining.
|
RStudio team
|
leaflet.migrationLayer
|
leafet.migrationLayer is used to show migration data such as population,flight,vehicle,traffic and so on.Data visualization on map.demo
|
Sylvenas
|
Leaflet.Quadtree
|
Leaflet.Quadtree is used to retrieve visible data inside given bounds
|
ibesora
|
Leaflet.Canvas-Flowmap-Layer
|
A LeafletJS custom map layer for mapping the flow of objects, ideas, people, etc. with Bezier curves rendered on the HTML canvas.
|
Jacob Wasilkowski,
Sarah Bell
|
Leaflet.PixiOverlay
|
A Leaflet overlay class for drawing and animating with Pixi.js. (demo)
|
Manuel Baclet
|
leaflet-velocity
|
Visualise velocity layers with leaflet.
Demo here.
|
Dan Wild
|
## Interaction with geometries/features
The following plugins enable users to interact with overlay data: edit geometries, select areas or features, interact with the time dimension, search features and display information about them.
* [Edit geometries](#edit-geometries)
* [Time & elevation](#time--elevation)
* [Search & popups](#search--popups)
* [Area/overlay selection](#areaoverlay-selection)
### Edit geometries
Allows users to create, draw, edit and/or delete points, lines and polygons.
Plugin | Description | Maintainer |
Leaflet.PM
|
Geometry Management for Leaflet 1.0 and higher. Draw, Edit, Cut, Drag and Snap Markers, Circles, Polylines, Polygons, LayerGroups and geoJSON. Supports holes in polygons, snapping, canvas mode and more. (Demo)
|
Sumit Kumar
|
Leaflet.FreeDraw
|
Zoopla inspired freehand polygon creation using Leaflet.js and D3.
|
Wildhoney
|
Leaflet.plotter
|
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.
|
Nathan Mahdavi
|
Leaflet.Editable.Polyline
| Editable polylines: move existing points, add new points and split polylines.
|
Tomo Krajina
|
Leaflet.draw
|
Enables drawing features like polylines, polygons, rectangles, circles and markers through a very nice user-friendly interface with icons and hints. Recommended!
|
Jacob Toye
|
Leaflet.EditableHandlers
|
A set of plugins that includes circle editing, measuring tool, and label for polygon sides.
|
Kartena
|
Leaflet.StyleEditor
|
Enables editing the styles of features (lines, polygons, etc) and markers with a GUI.
|
Dennis Wilhelm
|
Leaflet.SimpleMarkers
|
A light-weight Leaflet plugin for adding and deleting markers.
|
Jared Dominguez
|
Leaflet.Editable
|
Lightweight fully customisable and controlable drawing/editing plugin.
|
Yohan Boniface
|
Leaflet.Path.Drag
|
Drag handler and interaction for polygons and polylines (Demo)
|
Alexander Milevski
|
Leaflet.Path.Transform
|
Scale & rotate handler and interaction for polygons and polylines (Demo)
|
Alexander Milevski
|
Leaflet.Snap
|
Enables snapping of draggable markers to polylines and other layers.
|
Mathieu Leplatre
|
Leaflet.Clipper
|
Allows Union, Difference, Xor, and Intersection operations on two polygons. (Demo)
|
will Farrell
|
Leaflet.MapPaint
|
Bitmap painting plugin designed for touch devices.
|
Antoine Pultier
|
Leaflet.Storage
|
Create/update/delete Map, Marker, Polygon, Polyline... and expose them for backend storage with an API.
|
Yohan Boniface
|
Leaflet.Pather
|
L.Pather is a freehand polyline creator that simplifies the polyline for mutability. Requires D3 support.
|
Wildhoney
|
Leaflet.Illustrate
|
Extension for Leaflet.draw enabling users to type annotations directly on maps.
|
Justin Manley
|
Leaflet.Pin
|
Enable attaching of markers to other layers during draw or edit features with Leaflet.Draw.
|
Konrad Klimczak
|
L.Control.PaintPolygon
|
Draw yours polygons with a circle brush like Paint[brush]. Includes turf.js dependencies.
|
Thibault Coupin
|
### Time & elevation
Most data is two-dimensional (latitude and longitude), but some data has more dimensions (altitude and/or time). The following plugins help users navigate these extra dimensions.
### Area/overlay selection
These plugins help users select either overlays or areas in the map.
### Interactive pan/zoom
Change the way the user can interactively move around the map.
Plugin | Description | Maintainer |
Leaflet.GestureHandling
|
Brings the basic functionality of Google Maps Gesture Handling into Leaflet. Prevents users from getting trapped on the map when scrolling a long page.
Demo
|
Andy Marquis
|
L.Sleep
|
Avoid unwanted scroll capturing.
Demo
|
atstp
|
Leaflet.OverIntent
|
Adds a new event ``mouseintent``, that differs from ``mouseover`` since it reflects user
intentions to aim a particular layer.
|
Mathieu Leplatre
|
Leaflet.AlmostOver
|
Trigger mouse events when cursor is "almost" over a layer.
|
Mathieu Leplatre
|
Leaflet-active-area
|
This plugin allows you to use a smaller portion of the map as an active area.
All positioning methods (setView, fitBounds, setZoom) will be applied on this portion instead of the all map.
|
Mappy
|
Leaflet.ControlledBounds
|
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.
|
Iván Sánchez Ortega,
MazeMap
|
singleclick
|
Extend L.Map to fire a singleclick event (demo). Compatible with Leaflet 0.7.x only.
|
Guillaume Lathoud
|
singleclick
|
Extend L.Evented to fire a singleclick event (demo). Compatible with Leaflet 1.0.0-beta1 and greater only.
|
Iván Sánchez Ortega,
MazeMap
|
Leaflet.VisualClick
|
Adds visual feedback when user clicks/taps the map (demo).
Useful when further action is delayed by server requests, or implementation of Leaflet.singleclick.
Or just because it looks cool :)
Only tested with Leaflet 1.0.0-beta1.
|
Dag Jomar Mersland,
Iván Sánchez Ortega,
MazeMap
|
Leaflet Touch Helper
|
Makes it easy to touch vector overlays with thick fingers on a small display by adding a transparent, larger touch surface
|
Per Liedman / Prominent Edge
|
Leaflet.ClickTolerance
|
This plugin allows you to increase the click tolerance of canvas powered layers, making it possible to increase the clickable area of vector layers beyond their visible extent. Useful when your features are difficult to click otherwise.
|
Geoloep
|
L.DraggableEnhancer
|
Modify the default L.Draggable handler (responsible for map panning, ...) to make it work properly if one of the map container's parents has predefined handlers like "event.stopPropagation()' attached to a "mousemove" event for example.
|
Vincent Dechandon
|
### User interface
Buttons, sliders, toolbars, sidebars, and panels.
Plugin | Description | Maintainer |
Leaflet.Control.Custom
|
Fully customizable Leaflet control panel with HTML element.
Demo
|
Yiğit Yüce
|
L.EasyButton
|
In one line, add a Font Awesome control button with attached click events.
Demo
|
atstp
|
Leaflet.contextmenu
|
A context menu for Leaflet.
|
Adam Ratcliffe
|
Leaflet.CountrySelect
|
Control with menu of all countries, and an event listener that returns
the selected country as a GeoJSON feature (demo)
|
Anika Halota
|
leaflet-sidebar
|
A responsive sidebar plugin.
|
Tobias Bieniek
|
sidebar-v2
|
Another responsive sidebar plugin. This time with tabs!
|
Tobias Bieniek
|
Leaflet.Messagebox
|
Display a temporary text message on a map (Demo)
|
Martijn Grendelman
|
Leaflet.TileLegend
|
Create illustrated and interactive legends for your background layers.
|
Yohan Boniface
|
Leaflet.toolbar
|
Flexible, extensible toolbars for Leaflet maps. View an example here.
|
Justin Manley
|
L.Credits
|
A simple, attractive, interactive control to put your logo and link in the corner of your map.
|
Greg Allensworth
|
Leaflet.Spin
|
Shows a nice spinner on the map using Spin.js,
for asynchronous data load, like with Leaflet Ajax.
|
Mathieu Leplatre
|
Leaflet Weather
|
A Leaflet plugin for adding a weather widget to the map using OpenWeatherMap API (Demo).
|
Osk
|
Leaflet ResizableControl
|
A Leaflet plugin to add a resizable and scrollable control to the map (Demo).
|
David Albrecht
|
Leaflet.Slider
|
Adds a <input type="range"> slider that calls a function every time its input is changed (Demo)
|
EPP
|
leaflet-control-window
|
Creates modal/modeless, draggable, responsive, customisable window in your map.
|
mapshakers/
Filip Zavadil
|
Leaflet.CoordinatedImagePreview
|
Displays coordinated images in map bounds.
|
Yunus Emre Özkaya
|
Leaflet.SlideMenu
|
A simple slide menu for Leaflet.
|
Masashi Takeshita
|
Leaflet.Dialog
|
A simple resizable, movable, customizable dialog box. (Demo)
|
NBT Solutions
|
Leaflet.BootstrapZoom
|
Overrides default zoom control buttons with Twitter Bootstrap styled ones
|
Alexey Gusev
|
Leaflet.CondensedAttribution
|
An attribution plugin that makes long attributes visible on hover
|
Motion Intelligence GmbH
|
Leaflet.HtmlLegend
|
A simple Leaflet plugin for creating legends using HTML elements. Demo.
|
Kaveh Karimi
|
leaflet-blurred-image
|
A Leaflet-based interface for selecting a "blurred" or low-resolution location, to preserve privacy. Demo.
|
Public Lab
|
### Print/export
Print or export your map.
### Routing
The following plugins use external services to calculate driving or walking routes.
Plugin | Description | Maintainer |
Leaflet Routing Machine
|
Control for route search with via points, displaying itinerary and alternative routes. Uses
OSRM by default, but also supports
GraphHopper,
Mapbox Directions API and more.
|
Per Liedman
|
Leaflet.Routing
|
Leaflet controller and interface for routing paths between waypoints using any user provided routing service.
|
Norwegian Trekking Association
|
Route360°
|
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 public transportation) to targets.
|
Motion Intelligence GmbH
|
Leaflet RouteBoxer
|
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.
|
Nearest!
|
Leaflet.Routing.Amap
|
Control for route search using AMap(高德地图) as a backend. Supports the Chinese BD09 and GCJ02 coordinate systems, colourful lines, and turn-by-turn popups.
|
Jack Good
|
Leaflet TripGo routing
|
The TripGo mobility platform let’s you create apps providing seamless and personalised door-to-door trips using any public, private or commercial mode of transport.
TripGo leaflet's plugin motivation is to provide an easy way to include it's functionality in an external platform.
|
SkedGo
|
### Geocoding
External services that transform an address or the name of a place into latitude and longitude (or vice versa).
### Plugin collections
Sets of plugins that span several categories.
Plugin developers: please keep future plugins in individual repositories.
### 3