Layers and Overlays

Leaflet is designed to be as lightweight as possible and focuses on a core set of features. You can extend its functionality through third-party plugins. Here are several layer and overlay plugins to choose from.

Plugin Description
Leaflet.markercluster A beautiful, sophisticated, high performance marker clustering solution with smooth animations and lots of great features. Recommended!
MaskCanvas A canvas layer that can be used to visualize coverage.
leaflet-usermarker A 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.
Leaflet.EdgeMarker Indicate the existence of Features outside of the current view.
WebGL Heatmap A high performance Javascript heatmap plugin using WebGL.
Leaflet.Geodesic 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.
Leaflet.LineExtremities Show symbols at the extremities of polylines, using SVG markers.
Leaflet.MultiTileLayer Compose a TileLayer from several tile sources. Each source is active only on a defined set of zoomlevels.
Leaflet.AnimatedMarker Animate a marker along a polyline.
Leaflet.ellipse Place ellipses on map by specifying center point, semi-major axis,
semi-minor axis, and tilt degrees from west.
Leaflet.plotter It allows you to create routes using a leaflet powered map. You can click on the mid-points to create a new, draggable point.
Leaflet.label Adds text labels to map markers and vector layers.
RaphaelLayer Allows you to use Raphael as a layer on a Leaflet map for advanced animations and visualizations.
Overlapping Marker Spiderfier Deals with overlapping markers in a Google Earth-inspired way by gracefully springing them apart on click.
TileLayer.BoundaryCanvas Draw tile layers with arbitrary polygonal boundary. HTML5 Canvas is used for rendering.
HeatCanvas A simple heatmap api based on HTML5 canvas.
heatmap.js A 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.
Leaflet divHeatmap Lightweight and versatile heatmap layer based on CSS3 and divIcons
Leaflet-semicircle Adds functionality to L.Circle to draw semicircles.
Leaflet.FunctionalTileLayer Allows you to define tile layer URLs using a function, with support for jQuery deferreds.
Leaflet.geoCSV Leaflet plugin for loading a CSV file as geoJSON layer.
Leaflet.PolylineDecorator Allows you to draw patterns (like dashes, arrows or evenly spaced Markers) along Polylines or coordinate paths.
Leaflet.Sprite Use sprite based icons in your markers.
Leaflet.BounceMarker Make a marker bounce when you add it to a map.
Leaflet.TextPath Allows you to draw text along Polylines.
Leaflet.Awesome-Markers Colorful, iconic & retina-proof markers based on the Font Awesome icons/Twitter Bootstrap icons
Leaflet Data Visualization Framework New markers, layers, and utility classes for easy thematic mapping and data visualization.
TileLayer.Grayscale A regular TileLayer with grayscale makeover.
TileLayer.GeoJSON A TileLayer for GeoJSON tiles.
TileLayer.Zoomify A TileLayer for Zoomify images.
TileLayer.DeepZoom A TileLayer for DeepZoom images.
Leaflet.Graticule It draws a grid of latitude and longitude lines.
Leaflet.Shapefile Put a shapefile onto your map as a layer.
Leaflet.FileGDB Put an ESRI File GeoDatabase onto your map as a layer.
Leaflet.Terminator Overlay day and night regions on a map.
Leaflet.FeatureSelect Use a configurable centerpoint marker to select any geometry type from a GeoJSON layer.
Leaflet.MakiMarkers Create markers using Maki Icons from MapBox.
Leaflet.Editable.Polyline It provides editable polylines: move existing points, add new points and split polylines.
leaflet.TileLayer.WMTS Add WMTS (IGN) layering for leaflet.
leaflet-omnivore Loads & converts CSV, KML, GPX, TopoJSON, WKT formats for Leaflet.
Leaflet.TileLayer.IIP Add support for IIPImage layers in Leaflet.
Leaflet.ImageTransform Add support of image overlays with arbitrary perspective transformation.
PruneCluster A fast and realtime marker clustering library.
Leaflet.Indoor Create indoor maps such as rooms and corridors.

Leave a Comment

This site uses Akismet to reduce spam. Learn how your comment data is processed.