Leaflet

一个开源并且对移动端友好的
交互式地图 JavaScript 库

Leaflet 插件

Leaflet的目的是尽可能轻巧,并着重于一组核心功能,而扩展其功能的一种简单方法是使用第三方插件。 感谢Leaflet背后的强大社区,提供了数百个不错的插件供大家选择。


Tile & Image 图层

下面的插件支持加载不同的地图并提供 Tile 和 Image 图层的功能。

Basemap providers

几乎不需要配置,开箱即用的底图。

插件说明维护者
leaflet-providers 包含各种免费 tile 提供程序的配置——OSM、OpenCycleMap、Stamen、Esri 等。 leaflet-extras members
Leaflet.KoreanTmsProviders 包含各种(南)韩国瓦片(tile)供应商的配置——Daum、Naver、VWorld 等。 Seong Choi
Leaflet.ChineseTmsProviders 包含各种中国瓦片(tile)供应商的配置——天地图、MapABC、高德等。 Tao Huang
Esri Leaflet 一组通过 Leaflet 使用 ArcGIS 服务的工具。支持地图服务、feature 图层、ArcGIS Online 切片等。 Patrick Arlt
Leaflet.GIBS NASA EOSDIS GIBS 图像集成。该插件提供96 个每日更新的图层,其中包含卫星图像和科学参数。Demo Alexander Parshin
L.TileLayer.Kartverket 提供 Kartverket(挪威测绘局) 的瓦片(tile)图层的简单设置 Kultur og naturreise / Atle Frenvik Sveen
Leaflet.Spain.WMS 为西班牙制图机构提供的多个网络地图服务 (WMS) 图层(PNOA、IGN base、Catastro 等)提供简单的设置。 Patricio Soriano
PolarMap.js 用于显示来自 ArcticWebMap 的图块的 JavaScript 库,这是一个免费的图块提供程序,在多个北极极地投影中提供 OSM 数据。包括用于与其他 Leaflet 插件进行更深入集成的低级 API。 GeoSensorWeb Lab
Bing Maps Layer 添加 Bing 地图的 tiles 到你的 Leaflet 地图中, 需要 Leaflet v1.0.0.beta.2 或更高版本。 Gregor MacLennan
L.TileLayer.HERE 显示来自 HERE 地图的地图 tiles(demo)。 Iván Sánchez
L.GridLayer.GoogleMutant 显示谷歌地图(感谢 DOM mutation observer 方法,极大的减少了我的工作)(demo)。 Displays Google maps (with minimal artifacts thanks to a DOM mutation observer technique) . Iván Sánchez
L.MapkitMutant 显示 Apple 的 MapkitJS 底图。 Iván Sánchez
SuperMap Leaflet SuperMap Leaflet 是一个用于处理 SuperMap 服务类型的 Leaflet 插件。支持 SuperMap 服务、瓦片(tile)等。 SuperMap
Leaflet.TileLayer.Mierune 显示 Mierune 地图 中的瓦片(tile)。(Demo) Mierune
Leaflet.TileLayer.Swiss 使用来自 Swisstopo 地图中瑞士的国家地图的瓦片(tile)。 Demo Roman Karavia
Azure Maps Leaflet plugin 一个 leafletjs 插件,可以轻松地叠加来自 Azure 地图的所有不同瓦片图层。支持使用 Azure 地图订阅 key 或 Azure Active Directory 进行验证。 Demos Ricky Brundritt
Leaflet.TileLayer.HERE 显示来自 HERE 地图的瓦片图层。 Wanderson Souza

Basemap formats

以下插件用于加载常见格式(非默认)的底图或者栅格图层。

插件说明维护者
leaflet.TileLayer.WMTS 为 Leaflet 添加 WMTS (IGN) 图层。 Alexandre Melard
azgs-leaflet Leaflet 的一组小插件,包括带过滤的 WFS-GeoJSON 层、GeoJSON 的悬停控件和 Esri 平铺层。 AZGS
leaflet.wms 增强了对 Leaflet 的 WMS 支持,包括 single-tile/untiled 图层、共享 WMS 源以及通过 GetFeatureInfo 进行的图层识别。 S. Andrew Sheppard
(HEI Geo)
L.TileLayer.WMTS 一个简单的用于Leaflet 的 WMTS 瓦片(tile)图层插件。 Alexandru Calin
Leaflet.NonTiledLayer.WCS 显示来自 Web Coverage Services 的栅格数据。可以在客户端对栅格进行样式设置和查询。查看demo Stuart Matthews
Leaflet.bpg TileLayer 和 .bpg 图像格式的解码。 Andrzej Zaborowski
TileLayer.GeoJSON 用于 GeoJSON 切片的 TileLayer。 Glen Robertson
leaflet-tilejson 添加了 TileJSON 规范说明文档。 Adds support for the TileJSON specification to Leaflet. Per Liedman, Kartena
cartodb-leaflet Leaflet 的官方 CartoDB 插件。 Vizzuality
Leaflet-2gis 添加对 2GIS 切片图层的支持 Eugene Mikhalev
Leaflet GeoJSON Encoded 使用 Google 折线编码算法扩展 L.GeoJSON 层,允许优化数据传输。 Geobricks
Leaflet.TileLayer.MBTiles 加载 .mbtiles . Iván Sánchez
Leaflet.CanvasLayer.Field 加载和样式光栅文件(geotiff 和 asciigrid 格式)。它包括一个 ScalarField 层(用于 DTM、温度...)和 VectorFieldAnim(用于风、流...的动画层)。查看示例 Víctor Velarde
leaflet-geotiff 将 geoTIFF 文件中的栅格数据显示为图像或方向箭头。可以在客户端对栅格进行样式设置和查询。可以应用可选的剪切蒙版,例如将 DEM 限制为陆地区域。请参阅demo Stuart Matthews
GeoRasterLayer 以可配置的分辨率显示小型和大型 GeoTIFF 文件。 简单并且具有高性能。 这是一个 JavaScript 光栅分析库, 集成了 GeoBlaze 。 请参见 Demo Daniel J. Dufour
Leaflet.projwmts 添加 WMTS 服务 (GUGiK Poland)。 (demo). Geoportal Poland

Non-map base layers

有时候你不想加载地图,只想加载大的自定义图像,非常大的那种。

插件说明维护者
TileLayer.Zoomify 用于缩放图像的 TileLayer。 Bjørn Sandvik
TileLayer.DeepZoom 用于DeepZoom图像的TileLayer。 Al Farisi, Indokreatif Teknologi
TileLayer.Gigapan 用于 Gigapan 图像的 TileLayer。 Dan Sherman
Leaflet.TileLayer.IIP 在 Leaflet 中添加对 IIPImage 层的支持。 Emmanuel Bertin
Leaflet-IIIF 一个 Leaflet的 IIIF(国际形象互操作性框架)查看器。查看 demo Jack Reed
leaflet-fractal 使用2D画布渲染一些分形(Mandelbrot集、Julia集和其他的)(demo)。 Alexander Parshin
leaflet-rastercoords 渲染使用 gdal2tiles-leaflet 生成的大型平铺图像 。图像光栅坐标可用于设置标记等(demo)。 Commenthol

Tile/image display

以下插件更改了地图中显示瓦片(tile)或图像(image)图层的方式。

插件说明维护者
TileLayer.BoundaryCanvas 允许您绘制具有任意多边形边界的切片图层并使用HTML5 Canvas 来渲染。 Alexander Parshin
TileLayer.Grayscale 具有灰度改造(grayscale makeover)的常规 TileLayer。 Ilya Zverev
Leaflet.ImageTransform 支持对具有任意透视变换的图像进行叠加。 Alexander Parshin, Sergey Alekseev
Leaflet.OpacityControls 简单的、可调整地图图层的不透明度的 Leaflet 控件。 Jared Dominguez
Leaflet.DistortableImage 使用户能够在 Leaflet 地图上缩放、旋转和扭曲(distort)图像 Public Lab
Leaflet.DistortableVideo 使用户能够在 Leaflet 地图上缩放、旋转和扭曲(distort)视频(demo)。 Roni Karilkar
Leaflet.ImageOverlay.Rotate 在给定三个控制点的情况下,显示旋转、缩放和倾斜(但不是 rubbersheeted)的 ImageOverlays(demo)。 Iván Sánchez Ortega
Leaflet.ImageOverlay.Arrugator 给定四个控制点和一个 proj4js 投影函数,显示重新投影的 ImageOverlays(demo)。 Iván Sánchez Ortega
Leaflet.TileLayer.ColorFilter 一个简单而轻量级的 Leaflet 插件,用于在地图瓦片(tile)上应用 CSS 过滤器(demo)。 Cláudio Kawakani
Leaflet.TileLayer.Mask 带有遮罩效果的 TileLayer (demo)。 Yuzo Matsuzawa
Leaflet.TileLayer.PixelFilter 可以通过 RGB 代码过滤和替换像素的 TileLayer。
demo 1demo 2
GreenInfo Network
Leaflet.Control.SideBySide 一个用于添加分屏以比较两个地图叠加层的 Leaflet 控件,(demo)。 Digital Democracy
Leaflet.TileLayer.GL 将自定义 WebGL 着色器应用于 tilelayer 中的每个图块(demo)。 Iván Sánchez
Leaflet.TileLayer.ColorPicker 带有 getColor(latLng) 的 Leaflet TileLayer。Demos: 颜色选择器, 带有 mapbox terrain-RGB 的高程选择器 Yuzo Matsuzawa
Leaflet.TileLayer.Colorizr 一个可以通过 RGBA 代码修改颜色的 Leaflet TileLayer。Demo:即将推出。 Hinrich Riedel
Leaflet.UTFGrid 为 Leaflet >= 1.0 提供 UTF-8 网格支持。包括基本的鼠标悬停支持以及在悬停时突出显示 UTFGrid 功能的能力 (demo). Brendan Ward
Leaflet.Control.Opacity 使多个瓦片(tile)图层透明。(demo) Yasunori Kirimoto
Leaflet.TileLayer.GLColorScale TileLayer 使用 WebGL 根据指定的色标对浮点像素进行着色 (demo)。 David Schneider
Leaflet.Control.DetailLevel 通过实时修改 zoomOffset 以高于视网膜 (hdpi) 的分辨率显示图块。对于在不同缩放级别之间彻底改变地图样式的映射源很有用。将 zoomOffset 增加太多确实会减慢浏览器的速度,因为显示的图块数量随着 zoomOffset 呈指数增长。 (demo) Wessel Valkenburg
Leaflet.Multispectral 使用纯客户端 JavaScript 为 Leaflet 图像层提供多光谱通道操作和处理工具(例如 NDVI 或其他遥感方法)。它通过 ImageOverlay `filter()` 函数使用 `image-sequencer`。 (demo) Public Lab
Leaflet.TileLayer.GLOperations WebGL TileLayer:着色浮点像素、像素值的鼠标事件处理程序、山体阴影、轮廓、过渡、过滤和在多个图层上进行计算。(Demo) Thorbjørn Horgen
Leaflet.NonTiledLayers 一个用于 non-tiled overlays 的 Leaflet 图层。 (Demo) PTV Logistics

Tile load

下面插件改变了将瓦片(Tile)图层加载到地图中的方式。

插件说明维护者
Leaflet.MultiTileLayer 允许将多个瓦片(tile)数据源组成一个 TileLayer。每个源仅在定义的一组缩放级别上处于活动状态。 Mattias Bengtsson
Leaflet.FunctionalTileLayer 允许您使用函数定义瓦片(Tile)图层 URL。甚至可以使用 Promise 来处理异步源。 Ishmael Smyrnow
TileLayer.Cordova 与 Cordova/Phonegap 一起使用,将瓦片(Tile)缓存添加到本地设备存储,在离线和在线模式之间切换。 Greg Allensworth
TileLayer.PouchDBCached 允许所有 Leaflet TileLayers 缓存到 PouchDB 以供离线使用。 Iván Sánchez Ortega, MazeMap
Leaflet.loading 一个简单的控件,在加载瓦片(Tile)和其他数据时添加加载指示器。 Eric Brelsford
Leaflet.EdgeBuffer 超出视口边缘的缓冲平铺,用于 Leaflet 1.0。 Demo Alex Paterson
Leaflet.TileLayer.Fallback 通过从较低的缩放比例放大等效的瓦片(Tile)来替换丢失的瓦片(Tile)(HTTP 404 未找到错误)。 ghybs
Leaflet.FeatureGroup.LoadEvents `FeatureGroup` 支持 `"loading"` 和 `"load"` 事件(适用于 v0.7.*)。 G. Lathoud, Outdooractive.
Leaflet.GridLayer.FadeOut 删除网格层和 tilelayers 时淡出它们,使底图更改更平滑(对于 1.0.0) Demo Iván Sánchez
leaflet-offline 允许以可自定义的方式使用离线瓦片(tile)数据,同时在必要时回退到正常的 TileLayer。 Demo Roberto Soares
leaflet.offline 允许将瓦片(Tile)存储在数据库中以供离线访问。原创插件。Demo Allart Kooiman

Vector tiles

用来显示矢量瓦片(Tile) 的插件。

插件说明维护者
Leaflet.MapboxVectorTile 在画布上渲染 Mapbox 矢量瓦片(Tile)的 Leaflet 插件。见 demo。仅与 Leaflet 0.7.x 兼容。 SpatialDev
Hoverboard 使用 Leaflet(geojson、topojson 和 protobuf)在画布上渲染矢量瓦片(Tile)。见 demo。 仅与 Leaflet 0.7.x 兼容。 Tristan Davies
leaflet-geojson-vt Displaying the vector tiles of GeoJSON data on the fly on leaflet Tek Kshetri
geojson-vt 用于将 GeoJSON 数据动态瓦片(Tile)转换为矢量瓦片(Tile)的高效库。 Mapbox
Leaflet.VectorGrid 在 Leaflet 1.0.0 中显示网格矢量数据(用 geojson-vt 或 protobuf 矢量瓦片(Tile)的 GeoJSON 或 TopoJSON)。见 demos。 与 Leaflet 0.7.x 不兼容。 Iván Sánchez
Leaflet.VectorTileLayer 用于显示矢量切片的传单层。除了样式之外,与 Leaflet.VectorGrid 非常相似:可以为所有图层指定一个样式,而 VectorGrid 需要提前知道图层名称。支持 Leaflet 1.0.0。 Joachim Kuebart

叠加数据

以下插件提供了加载叠加数据(GIS 矢量数据)的新方法:点、线和多边形。

Overlay data formats

使用各种 GIS 格式加载您自己的数据。

插件描述维护者
leaflet-kml 加载和显示 KML Windyx
leaflet-omnivore 为 Leaflet 加载和转换 CSV、KML、GPX、TopoJSON、WKT 格式。 Mapbox
Leaflet.FileLayer 使用 HTML5 FileReader API(即本地无服务器)将文件(GeoJSON、GPX、KML)加载到地图中。 Mathieu Leplatre
Leaflet.geoCSV 用于将 CSV 文件加载为 geoJSON 图层的 Leaflet 插件。 Iván Eixarch
Leaflet.Shapefile 将 shapefile 作为图层放在地图上。 Calvin Metcalf
Leaflet.FileGDB 将 ESRI 文件地理数据库作为图层放在地图上。 Calvin Metcalf
Leaflet.encoded 在 Leaflet 中使用编码的折线。 Jieter
Leaflet GPX GPX 层,通过提供对距离、移动时间、配速、海拔、心率等信息的访问,针对体育活动。 Maxime Petazzoni
Wicket 用于在众所周知的文本 (WKT) 和 Leaflet 几何对象(例如,在 L.marker() 实例和“POINT()”字符串之间)之间进行翻译的适度库。 K. Arthur Endsley
qgis2web 一个使用 webmaps 无需编码的 QGIS 插件。 Tom Chadwin
Leaflet-WFST 支持事务的 WFS 客户端层。 Flexberry
Leaflet-BetterScale 一个新的、带有交替的黑/白条、更像 GIS 的比例尺。 Dan Brown
Leaflet-GeoPackage 加载 GeoPackage 瓦片(Tile) and 要素(Feature)图层。 Daniel Barela, NGA
Leaflet-CsvTiles 使用令人惊叹的 PapaParse 库从瓦片(Tile)的 csv 文件中加载数据。Demo Gherardo Varando
Leaflet LayerJSON 在 Leaflet 图层中转换任何 JSON 数据源的简单方法,在图层中加载 JSON 数据并通过缓存系统将远程请求降到最低。 Demo Stefano Cudini

Dynamic/custom data loading

加载地图中更新的动态数据,或以非标准方式加载GIS矢量数据。

PluginDescriptionMaintainer
Leaflet GeoSSE 使用服务器发送的事件向 Leaflet 地图添加实时数据。 An Tran
wo Leaflet Realtime 将实时数据放在 Leaflet 地图上:实时跟踪 GPS 单元、传感器数据或任何东西。 Per Liedman
Leaflet Ajax 通过 ajax 或 jsonp 添加 GeoJSON 数据。 Calvin Metcalf
Leaflet.Liveupdate 定期(“实时”)更新地图上的某些内容 (Demo) Martijn Grendelman
Leaflet.Pouch 使用 PouchDB 将 CouchDB 数据同步到本地存储(indexedDB),只添加 couchDB 数据或作为 indexedDB 的一个不那么混乱的实现。 Calvin Metcalf
Leaflet.Indoor 创建室内地图。 Christopher Baines
Leaflet uGeoJSON 通过 ajax post 请求添加自动更新 GeoJSON 数据层。 Benjamin VADANT
Leaflet.mytrack 在地图上追踪我的路线并下载。Demo DJ

Synthetic overlays

这些插件从头开始创建有用的叠加层,无需加载。

插件说明维护者
Leaflet.Graticule 绘制经纬度网格线。 Bjørn Sandvik
Leaflet.SimpleGraticule 为 L.CRS.Simple 坐标系绘制网格线。 Andrew Blakey
L.OS.Graticule 覆盖 UK Ordinance Survey (OS) 1km 栅格和标签。 Jon Shutt
Leaflet.MetricGrid 具有现成定义的 UTM、英国和爱尔兰网格的 Leaflet 的通用度量网格覆盖。 Bill Chadwick
Leaflet.Terminator 在地图上叠加昼夜区域。 Jörg Dietrich
Leaflet.Sun 点击地图获取日落或日出。 Demo DJ
Leaflet.timezones 在 Leaflet 地图上叠加时区。 Demo DJ
leaflet.latlng-graticule 创建一个 Canvas 作为 ImageOverlay 来绘制 Lat/Lon Graticule,并在地图的边缘显示网格刻度标签。Demo CloudyBay
Leaflet.EdgeScaleBar 在 Web Mercator 投影中沿地图的顶部和右侧边缘创建比例尺。Demo Dražen Tutić, Ana Kuveždić Divjak
Leaflet.Maidenhead 实现一个 Maidenhead 定位系统网格服务 Demo Iván Sánchez Ortega
Leaflet.AutoGraticule 绘制一个带有经纬线的网格,自动调整比例以适应当前的缩放水平。 Demo Candid Dauth

Data providers

从三方服务加载叠加数据。 另请参阅 Basemap providers插件合计.

插件说明维护者
Leaflet Vector Layers 允许从许多地理网络服务轻松创建矢量图层,例如 ArcGIS Server、Arc2Earth、GeoIQ、CartoDB 和 GIS Cloud。 Jason Sanford
Leaflet Overpass Layer 轻松集成来自 overpass api 的数据。 Guillaume AMAT
Leaflet.dbpediaLayer 一个包含维基百科兴趣点的层--通过ajax从DBpedia的SPARQL端点加载。 Kr1
Leaflet-Wikipedia 一个用于在地图层上显示 Wikipedia API 条目的 Leaflet 插件。 Matthew Barker
Windy-Leaflet-plugin 使用 Windy 的免费 API 在您的页面上显示动画天气图。 Windy.com
Leaflet.GeographPhotos 使用他们的 API 在交互式叠加中显示来自 Geograph British and Ireland 的地理照片。 Barry Hunter
leaflet-radar Leaflet 的动画卫星天气雷达覆盖图。 rwev
leaflet-environmental-layers 在一个易于使用的 Leaflet 库中收集不同的环境地图图层 Demo Public Lab
Leaflet.Rainviewer RainViewer雷达数据API插件 Demo. Marcin Wasilewski
Leaflet.FreieTonne 来自 FreieTonne 的具有航海特征的覆盖物。 (Demo) Candid Dauth

叠加显示

以下插件提供了显示叠加数据信息的新方法。

Markers & renderers

这些插件提供了将抽象数据转换为屏幕中图像的新的标记(marker)或路径(way),精通 GIS 的 Leaflet 用户也将这些称为符号。

插件说明维护者
leaflet-place-groups-picker 用于 Leaflet 地图的插件,允许将位置分组到可以切换可见性的组中。 damianc
Leaflet.RoughCanvas Leaflet.RoughCanvas 渲染手绘、草图风格的矢量图(折线、多边形、geojson)。 haoming
Leaflet.ellipse Leaflet.ellipse 通过指定中心点、长半轴、短半轴和向西倾斜度在地图上放置椭圆。 JD Fergason
Leaflet.label 将文本标签添加到地图标记和矢量图层。 Jacob Toye
Leaflet-semicircle 添加了用来绘制半圆的 L.Circle 功能。 Jieter
Leaflet.PolylineDecorator 允许您沿折线或坐标路径绘制图案(如破折号、箭头或等距标记)。 Benjamin Becquet
Leaflet-arrowheads 允许用户在折线上快速绘制箭头,实现矢量可视化。 Slutske22
Leaflet.Sprite 在标记中使用基于精灵(sprite)的图标。 Calvin Metcalf
Leaflet.TextPath 允许您沿折线绘制文本。 Mathieu Leplatre
Leaflet-SVGIcon 一个简单和可定制的SVG图标,没有外部依赖性,还包括一个方便的Marker类和两个示例子类。可定制的演示示例 Ilya Atkin
Leaflet.BeautifyMarkers 轻量级插件,添加无图像的彩色标志性标记,并为最终用户提供对样式的完全控制(即无限颜色和 CSS 样式)。 Muhammad Arslan Sajid
Leaflet.Awesome-Markers 基于 Font Awesome 图标或 Twitter Bootstrap 图标的彩色的、具有标志性和防视网膜的标记 Lennard Voogdt
Leaflet.Extra-Markers 无耻地抄袭 Awesome-Markers,提供更多形状、颜色和语义界面支持 Cory Silva
Leaflet.MakiMarkers 使用 MapBox 的 Maki Icons 创建标记。 James Seppi
Leaflet.Icon.Glyph 在你的标记中使用图标字体字形(来自Font Awesome, Material Design Icons, Glyphicons, Metro UI 图标、Elusive和其他图标字体) (demo) Iván Sánchez Ortega
Leaflet.LineExtremities 使用 SVG 标记(marker)在折线的末端显示符号。 Frédéric Bonifas
Leaflet.VectorMarkers Leaflet 的矢量 SVG 标记,可以选择 Font Awesome/Twitter Bootstrap 图标。 Mathias Schneider
Leaflet.SvgShapeMarkers 添加对其他 添加对其他 SVG 标记类型的支持,例如三角形、菱形和正方形。 Rowan Winsemius
Leaflet.pattern 在路径上添加对图案填充的支持。 Tyler Eastman
Leaflet.BoatMarker 一个使用HTML Canvas的船只标记,用于显示游艇和帆船的航向和可选的风力信息。演示 Thomas Brüggemann
leaflet-usermarker 用于在地图上绘制代表一个用户或多个用户的标记的插件,支持绘制精度圆。可以在 Longitude.me 上查看具体内容。 Jonatan Heyman
Leaflet.geojsonCSS Leaflet 的 Geojson CSS 实现。 Alexander Burtsev
leaflet-simplestyle 扩展了 L.geoJSON,以支持 simple style 规范。 Rowan Winsemius
OSM Buildings 惊人的JS库,用于在Leaflet之上实现3D OSM建筑几何的可视化。 Jan Marsch
Leaflet.EdgeMarker 用于指示当前视图之外的功能存在的插件。 Gerald Pape
Leaflet.orientedMarker 允许动态管理标记(marker)的方向。 Gismartwaredev
leaflet-icon-pulse 使用 CSS3 呈现脉冲图标,它可用于位置标记。 mapshakers/ Filip Zavadil
leaflet-mapkey-icon 一套基于mapkeyicons的制图字体图标。 mapshakers/ Filip Zavadil
Leaflet.Photo 在Leaflet地图上显示地理标记的照片的插件。Demo Bjørn Sandvik
Leaflet.curve 用于绘制贝塞尔曲线和其他复杂形状的 Leaflet 插件。Demo elfalem
Leaflet.bezier 在两个带有动画的飞行对象之间绘制一条贝塞尔线。 Supun Praneeth
Leaflet.Arc 这个插件添加了 L.Polyline.Arc 函数,它包装了 arc.js 功能,用于创建大圆弧。 Alexey Gusev
leaflet-choropleth 扩展 L.geoJson, 添加 choropleth 来进行可视化(基于值的颜色比例)。 Demo. Tim Wisniewski
Leaflet.Canvas-Markers 在画布上而不是 DOM 上显示标记(marker)。 Evgeniy Voynov
leaflet-tracksymbol 这个标记提供了一个带有方向、速度矢量和可配置形状的轨迹符号。 Tim Leerhoff
leaflet-ais-tracksymbol Leaflet-tracksymbol 的 AIS 扩展 它在地图上显示 AIS 联系人。 Johannes Rudolph
leaflet-ais-tracksymbol-search 为你的 Leaflet 地图和你的 leaflet-ais-trackymbol 添加一个搜索框 Johannes Rudolph
leaflet.TravelNotes 传单的可编辑标记和路由引擎。路由引擎有 Mapbox、GraphHopper 和 OSRM 插件,可用于汽车、自行车或步行路线。Demo Christian Guyette
Leaflet.Marker.Stack CartoDB 的“stacked chips”符号的纯 Leaflet 实现。 Demo. Iván Sánchez
leaflet-polygon.fillPattern 扩展多边形对象以使用图像图案填充 SVG 路径元素。Demo CloudyBay
Leaflet Polyline Offset L.Polyline增加了以相对像素偏移的能力,而不修改其实际的LatLngs。该偏移值可以是负的或正的,用于左侧或右侧的偏移,并且在不同的缩放级别中保持不变(基本演示)。 Benjamin Becquet
leaflet-labeled-circle 特殊类型的 SVG 标记,内部带有标签并可围绕锚点拖动 (demo) Alexander Milevski
Leaflet.ParallaxMarker 添加在平移时相对于地图具有视差效果的标记(demos / examples). Dag Jomar Mersland
leaflet-distance-markers 允许沿路线(L.Polyline)以等效距离(例如每英里一个)显示标记 (demo) Doroszlai, Attila
leaflet-corridor 以米为单位呈现宽度固定的折线,而不是以像素为单位;根据缩放级别调整宽度 (demo) Mikhail Shilkov
Leaflet.LabelTextCollision 在路径(折线、多边形、圆)上显示标签以避免标签冲突 (demo) Kenta Hakoishi
Leaflet.streetlabels 一个 Leaflet 插件,用于显示跟随折线路径的标签,是yakitoritabetai Leaflet.LabelTextCollision的扩展 (demo) Triede TI
Leaflet.Viewpoint 显示具有多个方向的 circleMarker。用于显示从一个点拍摄的照片 (demo) Grigory Golikov
Leaflet.magicMarker 在加载时为标记添加神奇的动画效果 (Demo) Sylvenas
Leaflet.Marker.Highlight 为 L.Marker 增加亮点表现 (Demo) Brandon Xiang
Leaflet.GeotagPhoto 用于照片地理标记的插件,具有两种模式:相机和十字准线 (Demo). Bert Spaan
Leaflet.GLMarkers 使用自定义 WebGL 着色器显示数千个标记,可选动画 (demo) Iván Sánchez Ortega
Leaflet.River 在地图上绘制不同宽度的线(如河流),当您想在地图上显示河流如何“流动”时很有用 (demo) Grigory Golikov
Leaflet.SpeechBubble 弹出一个带有跟随点(point)、图层(layer)、标记(marker)的箭头的对话气泡 (demo) Sylvain BRISSY
Leaflet Swoopy 用于创建可定制的 swoopy 箭头注释的插件。 webkid
leaflet-polycolor 为每个折线着色 (demo) Olivier Gasc
leaflet-marker-direction 显示标记的路径和方向 (demo) Jack Zou
Leaflet Rotated Marker 启用 Leaflet 中标记图标的旋转 (Demo) Benjamin Becquet
Leaflet Truesize 用于创建投影感知可拖动多边形和折线的插件 webkid
Leaflet.RepeatedMarkers 绕过地球时显示标记,每360度经度显示一次 (demo) Iván Sánchez
Leaflet.Geodesic 绘制测地线和圆。测地线是地球表面上两个给定点之间的最短路径。它使用 Vincenty 的公式进行最高精度和距离计算。用 Typescript 编写,可通过 CDN 获得 Demo Henry Thasler
Leaflet.greatCircle 一个Leaflet.js Polygon对象的封装类,用于绘制环绕地球的真正的 "大圆"(显示真正的测地线、球面路径) (demo Alex Wellerstein
Leaflet.CustomLayer 一个 Leaflet 插件 L.CustomLayer - 完全自定义的 Layer Derek Li
Leaflet.ArrowCircle 用于显示带有方向箭头的圆圈的标记扩展 R.A. Porter
leaflet-layervisibility 扩展 L.Layer 和 L.LayerGroup 的方法来隐藏/显示图层,而不删除/重新添加它们。 Philipp Loose
Leaflet.CenterMarker 当地图被拖动平移时,Marker(标记)会被固定在地图的中心。可以在 What is my adress? 上查看具体效果。 Jonatan Heyman
L.Donut L.Circle 的扩展,它允许定义一个外部和内部半径。 Demo Falke-Design
Leaflet.HighlightableLayers 通过添加边框并将其提升到其他位置来突出显示 Leaflet 的线条和多边形。添加一个透明的边框以增加对 mouse/touch 交互的容忍度。 Demo Candid Dauth

Overlay animations

这些插件对标记物或一些几何图形进行动画处理。另请参阅带时间或海拔的几何图形

PluginDescriptionMaintainer
Leaflet.AnimatedMarker 沿着多段线为一个标记制作动画。 Aaron Ogle
Leaflet.BounceMarker 将标记添加到地图时使标记弹跳。 Maxime Hadjinlian
Leaflet.SmoothMarkerBouncing 为 Leaflet 的标记添加平滑的弹跳动画。 Alexei KLENIN
Leaflet.MovingMarker 允许以自定义的持续时间沿多段线移动标记。 Ewoken
Leaflet.TransitionedIcon 使用 CSS3 动画过渡 进入/移除 的标记。它支持抖动,将标记交错进入视图以防止视觉过载。查看 demo Brian Reavis
Leaflet.Polyline.SnakeAnim 将(多角)线动画化,就像它们被慢慢地从头画到尾一样。 Iván Sánchez Ortega, MazeMap
Leaflet.Path.DashFlow 对直线和圆圈的 dashArray 进行动画处理,创造一个基本的流动效果。(Demo Iván Sánchez Ortega
Leaflet.AntPath Leaflet.AntPath将一个通量动画(如蚂蚁行走)放入Polyline。 (demo) Rubens Pinheiro
Leaflet.Marker.SlideTo 平稳地移动(滑动)标记到一个新的位置。 (demo) Iván Sánchez Ortega, MazeMap
leaflet.motion 将简单的运动添加到你的多段线上,并在线头处设置标记。 (demo) Igor Vladyka,
Leaflet.Rain 用于 Leaflet 的可定制的 WebGL 下雨动画,对天气图很有用。 (demo) Grigory Golikov
Leaflet.Snow 用于 Leaflet 的可定制的 WebGL 雪景动画,适用于天气图。 (demo) Grigory Golikov
leaflet-point-animator 为大量的 GeoJSON 点制作动画。 (demo) danwild, onaci
leaflet-temporal-geojson 灵活的 GeoJSON feature 的动画。 (demo) danwild, onaci

Clustering/Decluttering

当您显示大量数据时,这些插件将使您的地图看起来更干净。

PluginDescriptionMaintainer
Leaflet.markercluster 美丽、精致、高性能的标记群集解决方案,具有流畅的动画和许多强大的功能。强烈推荐! Dave Leaver
Leaflet.LayerGroup.Collision 为标记群提供碰撞检测。与聚类不同,它考虑到了标记的形状& 大小。 Iván Sánchez Ortega, MazeMap
Overlapping Marker Spiderfier 以谷歌地球启发的方式处理重叠的标记,在点击时优雅地将它们弹开。 George MacKerron
PruneCluster 快速实时的标记聚类库。 Antoine Pultier
Leaflet.Deflate 当线条和多边形在较低的缩放级别中屏幕尺寸变得太小时,将其放缩为一个标记。 Oliver Roick
Leaflet.GridCluster 实时创建基于网格的集群。 Andreas Kiefer
q-cluster 带有D3分类的快速点聚类库。 Nicholas Hallahan
Leaflet.ConditionalLayer 在视口中不显示超过一定数量可见标记的要素组。(Demo) EPP
Leaflet.FeatureGroup.SubGroup 一个简单的插件,用于创建特征组,将其子层添加到父组中。典型的用法是通过 L.Control.Layers 来切换它们,动态地添加/删除 Leaflet.markercluster 中的标记组。 Demo ghybs
leaflet-tooltip-layout 一个避免工具提示重叠的插件,使其更容易找出每个工具提示和标记之间的关系。 Demo Zijing Peng

Heatmaps

这些插件使用矢量数据创建可视化的热力图或类似热力图的图像。

PluginDescriptionMaintainer
MaskCanvas 画布层,可用于可视化覆盖。 Dominik Moritz
HeatCanvas 基于 HTML5 canvas 的简单的热力图 api。 Sun Ning
heatmap.js 基于 HTML5 canvas 的热力图的 JavaScript 库。 其 Leaflet 层的实现支持大型数据集,因为它是基于瓦片的,并使用四叉树索引来存储数据。 Patrick Wied
Leaflet divHeatmap 基于 CSS3 和 divIcons 的轻量级和多功能热力图图层 Daniele Piccone
WebGL Heatmap 使用 WebGL 的高性能 Javascript 热力图插件。 Benjamin J DeLong
Leaflet.heat 一个微小、简单、快速的 Leaflet 热力图插件。在引擎盖下使用 simpleheat,另外还将点聚成一个网格以提高性能。(Demo) Vladimir Agafonkin
Leaflet-Solr-Heatmap 一个 Leaflet 插件,用于渲染来自 Solr 的 Heatmap Faceting 的热力图和群集,对于数以百万计的点或多边形具有很高的性能。 Jack Reed / Steve McDonald

DataViz

用于数据可视化的强大多用途库。

PluginDescriptionMaintainer
geogrid.js 显示由 ISEA3H 离散全球网格系统聚合的数据。例如,通过使用 Measures REST(一个框架,提供由网格聚合的数据)或 geogrid(一个库,用于处理网格,以防你想手动聚合数据)来交付。 F.-B. Mocnik,
GIScience Research Group,
Heidelberg University
RaphaelLayer 允许您将 Raphael 用作 Leaflet 地图上的图层,以实现高级动画和可视化。 Dynamic Methods
Leaflet Data Visualization Framework 新的标记、图层和实用程序类,可轻松实现专题制图和数据可视化。 Scott Fairgrieve
Leaflet.D3SvgOverlay 用于与D3库一起使用的SVG叠加类。支持缩放动画和缩放,不需要重新绘制图层。 Kirill Zhuravlev
mapbox-gl-leaflet 从 Mapbox GL JS 绑定到 Leaflet API Tom MacWright
leaflet-echarts Leaflet 插件加载 echarts 地图,让大数据可视化更简单。 wandergis
jquery-storymap 一个 jQuery 插件,用于在用户滚动段落时显示多个地图位置。 Atle Frenvik Sveen
Leaflet for R 允许在 R 程序中使用 Leaflet,这是一种流行于统计分析和数据挖掘的编程语言。 RStudio team
leaflet.migrationLayer leaflet.migrationLayer 用来显示人口、航班、车辆、交通等迁移数据并在地图上进行数据可视化。demo Sylvenas
Leaflet.Quadtree Leaflet.Quadtree 是用于检索给定范围内的可见数据。 ibesora
Leaflet.Canvas-Flowmap-Layer 一个 LeafletJS 的自定义地图图层,用于在 HTML 画布上用贝塞尔曲线绘制物体、想法、人等的流动。 Jacob Wasilkowski, Sarah Bell
Leaflet.PixiOverlay 可以使用 Pixi.js 绘制和执行动画的 Leaflet 覆盖类。(demo) Manuel Baclet
leaflet-velocity 使用 Leaflet 可视化 velocity 图层。 Demo Dan Wild
leaflet-partition 以不同的方式将区域划分为多个部分,例如 voronoi(三角剖分)和六边形平铺。 Basic demo locknono
Leaflet.glify 用 WebGL 快速渲染大型(+100MB)GeoJSON 数据集 Demo robertleeplummerjr
Leaflet.glify.layer Leaflet.glify 插件的附加功能,提供更多的 Leaflet-idiomatic bindings。为 GeoJSON FeatureCollections 提供快速的 webgl 渲染(目前仅限于多边形、线和点)。 Demo onaci

Interaction with geometries/features

以下插件使用户能够与叠加数据互动:编辑几何图形,选择区域或特征,与时间维度互动,搜索特征并显示有关信息。

Edit geometries

允许用户创建、绘制、编辑和/或删除点、线和多边形。

PluginDescriptionMaintainer
Leaflet-Geoman ⭐ Leaflet 1.0 及更高版本的几何管理。绘制、编辑、剪切、拖动和捕捉图层,如标记、圆形、矩形、折线、多边形、图层组、geoJSON、MultiPolygons、MultiLineStrings。支持多边形孔洞、捕捉、画布模式等 (Demo) Sumit Kumar
Leaflet.FreeDraw 受 Zoopla 启发,使用 Leaflet.js 和 D3 创建自由的手绘多边形。 Wildhoney
Leaflet.plotter leaflet-plotter 允许你使用一个由 leaflet 驱动的地图来创建路线。你可以点击中间的点来创建一个新的、可拖动的点。 Nathan Mahdavi
Leaflet.Editable.Polyline 可编辑的折线:移动现有的点,添加新的点和分割折线。 Tomo Krajina
Leaflet.draw 通过一个带有图标和提示的非常漂亮的用户友好界面,实现了多段线、多边形、矩形、圆和标记等绘图功能。强烈推荐! Jacob Toye
Leaflet.EditableHandlers 一组插件,包括圆形编辑、测量工具和多边形边的标签。 Kartena
Leaflet.StyleEditor 可以用图形用户界面编辑要素(feature)(线、多边形等)和标记的样式。 Dennis Wilhelm
Leaflet.SimpleMarkers 用于添加和删除标记的轻量级 Leaflet 插件。 Jared Dominguez
Leaflet.Editable 轻量级的完全可定制和可控制的绘图/编辑插件。 Yohan Boniface
Leaflet.Path.Drag 多边形和折线的拖动处理和交互程序 (Demo) Alexander Milevski
Leaflet.Path.Transform 多边形和折线的缩放和旋转处理和交互程序 (Demo) Alexander Milevski
Leaflet.Snap 启用可拖动标记与折线和其他图层的对齐。 Mathieu Leplatre
Leaflet.Clipper 允许对两个多边形进行并联、差分、Xor和交叉操作。 (Demo) will Farrell
Leaflet.MapPaint 专为触摸设备设计的位图绘画插件。 Antoine Pultier
Leaflet.Storage 创建/更新/删除地图、标记、多边形、折线......并通过API将其暴露以供后端存储。 Yohan Boniface
Leaflet.Pather L.Pather 是一个手绘折线创建器,它简化了折线的可变性。需要 D3 支持。 Wildhoney
Leaflet.Illustrate Leaflet.draw 的扩展,使用户能够直接在地图上输入注释 Justin Manley
Leaflet.Pin 在使用Leaflet.Draw绘制或编辑功能时,能够将标记添加到其他图层上。 Konrad Klimczak
L.Control.PaintPolygon 用像 Paint[brush] 这样的圆形画笔绘制你的多边形。需要依赖于 turf.js。 Thibault Coupin
Leaflet-Craft 扩展 Leaflet.FreeDraw 并提供扩展功能,如撤消重做、删除标记、多边形的动态区域计算、各种钩子/事件和内置控制栏等。 Sagarpreet Chadha
Leaflet.SegmentEdit Leaflet.draw 的扩展,允许一次编辑一个大的多段线。 Lemaf
Leaflet.DraggableLines 通过拖拽在路线、直线和多边形上添加/移动/删除点。Demo Candid Dauth

Time & elevation

大多数数据是二维的(经度和纬度),但有些数据有更多维度(高度和/或时间)。以下插件可以帮助用户浏览这些额外的维度。

PluginDescriptionMaintainer
Leaflet Topography 一套用于以闪电般的速度计算和可视化地形数据(海拔、坡度、长宽)的工具。 基于Mapbox RGB编码的DEM瓦片。 Seth Lutske
Leaflet.timelineSlider Leaflet 插件,可创建具有用户设计功能的可自定义时间线滑块。时间线的原始实现位于 https://codepen.io/trevanhetzel/pen/rOVrGK。 Sol Vitkin
Leaflet.TimeDimension 在 leaflet 地图上添加时间维度功能 Demos ICTS SOCIB
Leaflet Time-Slider Leaflet Time-Slider 使您能够使用 JQuery UI 滑块在地图上动态添加和删除标记 Dennis Wilhelm
LeafletPlayback 播放与时钟同步的带时间戳的 GPS 轨迹。 Nicholas Hallahan
Leaflet.timeline 使用时间线滑块和播放按钮在地图上显示任意 GeoJSON。 Jonathan Skeate
Leaflet.Elevation 一个 Leaflet 插件,使用 d3 查看 GeoJSON 线的交互式高度剖面。 Felix Bache
Leaflet.Heightgraph 受 Leaflet.Elevation 的启发,这个Leaflet插件允许你查看以 GeoJSON 形式存储的交互式高度剖面,其特点是可以将任意分段(如表面类型或陡峭度类别)以自定义颜色存储在 GeoJSON 本身的属性中。 Robin Boldt
Leaflet.hotline 用于沿折线绘制渐变的 Leaflet 插件。 iosphere
leaflet.TrackPlayBack 一个 Leaflet 曲目播放插件,可以显示和动态播放曲目。 Demo linghuam
Leaflet Timeline Control 无限制的时间线控件,可帮助您显示时间序列数据。 Demo Michal Zimmermann

Search & popups

搜索叠加层并增强如何显示有关叠加层的信息的插件。

PluginDescriptionMaintainer
leaflet-fusesearch 使用轻量级模糊搜索 Fuse.js 提供的面板在 GeoJSON 层中搜索要素的控件 Antoine Riche
Leaflet Search 通过 LayerGroup/GeoJSON 中的自定义属性控制搜索标记/特征位置。支持 AJAX/JSONP、自动完成和 3rd 方服务 Stefano Cudini
leaflet-custom-searchbox 一个谷歌地图风格的搜索框,其中包括一个侧面板滑块控件。 A.D
Leaflet.AnimatedSearchBox 一个简单的 Leaflet 插件,提供一个可折叠的搜索框。 Luka Steinbach
Leaflet.Rrose 一个针对边缘案例的Leaflet插件。当您希望在鼠标悬停时弹出窗口而不是单击时使用,并且您需要在靠近地图边缘时重新定位弹出提示。 Eric Theise
Leaflet.utfgrid 为 leaflet 提供了一个占用的空间非常小的 utfgrid 交互处理程序。 Dave Leaver
Leaflet.RevealOSM 非常简单但可扩展的 Leaflet 插件,用于在地图点击时显示 OSM POI 数据。 Yohan Boniface
Leaflet Underneath 使用Mapbox矢量瓦片数据查找某个地点附近的有趣要素(feature),并在速度和带宽有限的情况下为瓦片层添加互动功能。 Per Liedman
Leaflet.GeoJSONAutocomplete 使用 GeoJSON 服务自动进行远程搜索的 Leaflet 插件。 Yunus Emre Özkaya
L.tagFilterButton 通过标签过滤 LeafLet 标记 Mehmet Aydemir
Leaflet-gplaces-autocomplete 在地图中添加谷歌地点搜索 Michal Haták
leaflet-responsive-popup 无需移动地图即可看到弹出窗口的内容。 YaFred
leaflet-popup-modifier 允许用户编辑弹出窗口的内容,或使用弹出窗口删除其源标记。 Slutske22

Area/overlay selection

这些插件帮助用户选择地图中的覆盖层或区域。

PluginDescriptionMaintainer
Leaflet.AreaSelect 一个固定位置的、可调整大小的矩形,用于选择地图上的一个区域。 Jonatan Heyman
leaflet-locationfilter 一个可拖动/可调整大小的矩形,用于选择地图上的一个区域。 Robert Kajic
L.Control.LineStringSelect Fast LineString(polyline) 部分选择工具:选择复杂路径中两点之间的一段路径 Demo Alexander Milevski
Leaflet.FeatureSelect 使用可配置的中心点标记从 GeoJSON 图层中选择任何几何类型。 Aaron Ogle
Leaflet GeoJSON Selector 用于在交互式列表和地图中选择 GeoJSON 要素(feature)的 Leaflet 控件 (Demo) Stefano Cudini
Leaflet.CheapLayerAt 允许查询屏幕坐标下的图层 (Demo) Iván Sánchez Ortega, MazeMap
Leaflet.SelectAreaFeature 通过绘制区域来选择地图上的要素图层。 Sandro Pibia
Leaflet-Shades 一个可拖动和可调整大小的矩形,用于在地图上选择一个区域并在未选择的区域中创建一个灰色叠加图层 (Demo) Mandy Kong
leaflet-lasso 真正的套索选择插件 (Demo) Jan Zak
Leaflet-Select-Polygons Leaflet-Select-Polygons 允许选择多个多边形并调整基本地图视图 (demo) Erick S Escalante Olano
@bopen/leaflet-area-selection leaflet-area-selection—允许在地图上轻松选择一个多边形区域(demo) B-Open

地图交互

与地图本身交互的新方法。

Layer switching controls

以下插件用于增强或扩展 L.Control.Layers

PluginDescriptionMaintainer
Leaflet.AutoLayers 自动从多个地图服务器中提取图层,并通过用户控制的覆盖图层的 zIndex 管理组织/搜索它们。 Alex Ebadirad
Leaflet.SelectLayers 一个Leaflet插件,它增加了新的控件来切换地图上的不同图层。新控件用选择标签取代了 L.Control.Layers 单选按钮面板。 vogdb
Leaflet.StyledLayerControl 一个 Leaflet 插件,通过组织成 style 或 group 来实现对层的管理和控制。 Davi Custodio
Leaflet.GroupedLayerControl Leaflet 图层控件,支持将叠加组合在一起。 Ishmael Smyrnow
Leaflet Control Order Layers 增加了在图层控件中改变叠加顺序的能力。 Michael Salgado
Leaflet Categorized Layers Leaflet 的控制图层(Control Layers)扩展为分类图层组(groups of categorized layers) Robbie Trencheny
Leaflet Panel Layers Leaflet 控制图层扩展为图层组(group of layers)和图标图例(icons legend) Stefano Cudini
Leaflet.UniformControl 带有样式复选框和单选按钮的 Leaflet 图层控件。 Chris Calip
Leaflet-IconLayers 将基础层显示为小图标的 Leaflet 控件 (demo) Alexander Zverev
Leaflet.LayerTreePlugin Leaflet 控件允许打开和关闭图层,并以树状方式显示它们 (demo) Alexander Arakelyan
Leaflet.Basemaps 带有来自瓦片堆栈的预览图像的底图选择器 示例 Brendan Ward
Leaflet.Control.Layers.Tree L.Control.Layers 扩展支持树结构,适用于基础层和覆盖层。简单且高度可配置。查看 demos Javier Jimenez Shaw
Leaflet.ActiveLayers 添加新的 L.Control.ActiveLayers,具有在地图上获取当前活动图层的功能。 vogdb
Leaflet.Control.Appearance Control.Layers 的扩展,可以控制图层的外观 - 颜色、不透明度并能够删除叠加层 示例 Kanahiro Iguchi

Interactive pan/zoom

改变用户在地图上交互移动的方式。

PluginDescriptionMaintainer
Leaflet.Pancontrol 一个简单的平移控件。 Kartena
Leaflet.BoxZoom 一个可见的、可点击的控件,用于执行框缩放。 Greg Allensworth
L.Control.ZoomBar Leaflet 原生 Zoom 控件的扩展版本,带有 Home 和 Zoom-to-Area 按钮。 Demo Elijah Robison
Leaflet.zoomslider 缩放滑块控件。 Kartena
Leaflet.zoominfo 显示当前缩放级别的缩放控件。 Flávio Carmo
Leaflet.BorderPan 通过单击地图边框进行平移的 Leaflet 插件。 Sebastián Lara
Leaflet GameController 为游戏手柄提供支持的交互处理程序。 Antoine Pultier
Leaflet.twofingerZoom 用于触摸设备的交互处理程序,可通过两指轻敲来缩小。 Adam Ratcliffe
Leaflet.ZoomBox 轻量级缩放框控件:在要缩放到的区域周围绘制一个框。 Demo Brendan Ward
Leaflet LimitZoom 通过限制缩放或插入图块来将可用缩放级别限制为给定列表的插件。 Ilya Zverev
Leaflet.DoubleRightClickZoom 启用双击鼠标右键缩小的交互处理程序。 Mike O'Toole
Leaflet.ZoomLabel 一个简单的缩放标签控件。 Masashi Takeshita
Leaflet.ZoomPanel Leaflet 的缩放控制面板。 Demo Shuhua Huang
Leaflet.DoubleTouchDragZoom 用于单指缩放的插件。 Demo Peter C

Bookmarked pan/zoom

通过跳转到预定义/存储的位置来改变用户在地图上移动的方式。

PluginDescriptionMaintainer
Leaflet.viewcenter 一个简单的控件,它添加了一个按钮来改变视图和缩放到选项中的预定义值。 Dariusz Pawlak
leaflet-zoom-min 为缩放控制添加一个按钮,允许你在一次点击中缩放到地图的最小缩放级别。 Alan Shaw
Leaflet Navigation Toolbar 用于简单后退、前进和主页导航的 Leaflet 控件。 David C
Leaflet Locationlist 用于在预定义位置和缩放之间跳转的控件。 Ivan Ignatyev
Leaflet.defaultextent 一个可以返回到地图的原始起始范围的控件, 类似于 HomeButton 小部件。 Alex Nguyen
Leaflet.Bookmarks 用于在地图上添加和导航用户创建的书签的控件。 Alexander Milevski
Leaflet.ShowAll 一个可以显示预定义范围的控件,同时保存当前的范围,以便可以跳回。 Mor Yariv
Leaflet.zoomhome 缩放控件,有一个用于重新设置视图的主按钮 (Demo) Florian Brucker
Leaflet-History 类似于浏览器,跟踪地图移动和缩放位置的历史记录。 Chris Scott
Leaflet.RestoreView 使用 localStorage 存储和恢复地图视图。 Mathieu Leplatre
leaflet-hash 用于通过 URL 哈希持久保存地图状态和浏览历史的插件。 Michael Lawrence Evans
leaflet-view-meta 控制显示和持久化地图视图元数据,中心和边界坐标到URL的插件,以便精确共享和视图重建。 rwev

Fullscreen controls

允许以全屏模式显示地图。

PluginDescriptionMaintainer
Leaflet.fullscreen 一个由 Mapbox 提供的全屏按钮控件 Mapbox
leaflet.fullscreen 另一个全屏按钮控件,但适用于现代浏览器,使用 HTML5 全屏 API。 Bruno B
leaflet.zoomfs 全屏按钮控件。 Eli Dupuis

Minimaps & synced maps

同时显示两张地图。其中一个可能是不同的尺寸和缩放级别,可作为最小地图使用,以帮助用户进行导航。

PluginDescriptionMaintainer
Leaflet.Sync 两张地图的同步视图。 Bjørn Sandvik
Leaflet.MiniMap 一个以不同的比例尺显示的迷你地图,以帮助导航。 Robert Nordan
Leaflet.MagnifyingGlass 允许你在另一个缩放级别上显示地图的一小部分,可以在一个固定的位置,也可以与鼠标移动相联系,以达到放大镜的效果。 Benjamin Becquet
Leaflet.layerscontrol-minimap 用同步的迷你地图扩展默认的 Leaflet layers control。 Jieter
Leaflet.GlobeMiniMap 简单的小地图控件,以与主地图相同的位置为中心将 3D 地球仪放置在地图的角落 (demo) Chris Whong
leaflet-clonelayer 克隆 Leaflet 图层,以允许在同一运行时间内的不同地图中重复使用。 Jieter

Measurement

允许用户测量距离或面积。

PluginDescriptionMaintainer
Leaflet.PolylineMeasure 测量简单的线和复杂的折线的大圆距离。 (Demo 1), (Demo 2), (Demo 3) PPete
Leaflet.MeasureControl 在地图上测量距离的简单工具(依赖于 Leaflet.Draw)。 Makina Corpus
Leaflet.MeasureAreaControl 测量元素面积的控件。 Ondrej Zvara
leaflet-measure Leaflet 地图的坐标、线和面积测量控件 LJA GIS
leaflet-graphicscale 控制动画的图形比例 (demo) Erik Escoffier
Leaflet.ScaleFactor 显示 Leaflet 地图的比例(例如 1:50,000) (Demo) Marc Chasse
Leaflet.nauticscale 在 Leaflet 地图上显示 Nauticscale Johannes Rudolph
Leaflet Measure Path 显示路径上的测量值;目前支持折线、多边形和圆。 (demo) Per Liedman / Prominent Edge
Leaflet.LinearMeasurement Leaflet 线性测量插件,可创建沿路径增量测量的折线。 (demo) New Light Technologies
leaflet-ruler 一个简单的 Leaflet 插件,用于测量真实方位和点击的位置之间的距离。 (Demo) Goker Tanrisever
leaflet-reticle Leaflet 控件,添加了一个由独立计算的纬度和经度刻度组成的居中标线。 rwev

Mouse coordinates

以不同方式显示鼠标光标下的地理坐标。

PluginDescriptionMaintainer
Leaflet.MousePosition 一个简单的 MousePosition 控件,显示鼠标指针在地图上移动时的地理坐标 Ardhi Lukianto
Leaflet.MousePosition.ts 一个用 TypeScript 编写的完全可托管的坐标查看器。你可以通过用 JSX 创建一个自定义组件来改变这个插件的外观。 (demo) Yuuki Toriyama
Leaflet.Coordinates 一个简单的Leaflet插件,用于查看鼠标的 LatLng-coordinates,也可以在用户输入时查看一个带有坐标弹出的标记。 Felix Bache
Leaflet Coordinates Control 捕捉鼠标点击并显示其坐标,并且可以轻松复制它们。 Michal Zimmermann
Leaflet Copy Coordinates Control 与 Leaflet 一起使用来捕获地图上的鼠标点击,并以一种简单的方式复制它们来显示关联的坐标。(源自 zimmicz 的原创作品,分支主要是为了提供 npm 功能。) Chaim Krause
Leaflet.NACCoordinates 在鼠标移动时显示鼠标指针的 NAC 坐标 (Demo) Mahmood Dehghan
Leaflet.mouseCoordinates 在一个方框中可采用多种格式来显示鼠标坐标。
  • GPS
  • UTM
  • UTMREF / MGRS
  • QTH
Johannes Rudolph
Leaflet Location Picker 简单的并且带有迷你 Leaflet 地图的位置选择器 (Demo) Stefano Cudini
Leaflet.MapCenterCoord 用于显示地图中心坐标的 Leaflet 控件,在触摸/移动设备上特别有用。(Doc & demos) Xisco Guaita
Leaflet.Mapcodes 在鼠标移动时显示鼠标指针的 Mapcode (Demo) Martin Atukunda
Leaflet.CoordProjection 根据指定的投影显示鼠标移动时的坐标(Demo) Edi Hasaj

Events

这些插件扩展了 Leaflet 的事件处理的能力。

PluginDescriptionMaintainer
Leaflet.GestureHandling 将 Google 地图手势处理的基本功能带入 Leaflet。防止用户在滚动长页面时被困在地图上。 Demo Andy Marquis
L.Sleep 避免不必要的滚动捕获(capturing)事件。 Demo atstp
Leaflet.OverIntent 添加一个新事件 “mouseintent”,它与 “mouseover” 不同,因为它反映了用户瞄准特定图层的意图。 Mathieu Leplatre
Leaflet.AlmostOver 当光标 "几乎 "在一个图层上时触发鼠标事件。 Mathieu Leplatre
Leaflet-active-area 此插件允许您将地图的较小部分用作活动区域。所有定位方法(setView、fitBounds、setZoom)都将应用于此部分而不是所有地图。 Mappy
Leaflet.ControlledBounds 受 Leaflet-active-area 的启发,自动检测地图上未被任何地图控件覆盖的最大区域,并将 setView、fitBounds、setZoom、getBounds 应用于该区域。 Iván Sánchez Ortega, MazeMap
singleclick 扩展 L.Map 以触发 singleclick 事件(demo)。仅与 Leaflet 0.7.x 兼容。 Guillaume Lathoud
singleclick 扩展 L.Evented 以触发 singleclick 事件(demo)。仅与 Leaflet 1.0.0-beta1 及更高版本兼容。 Iván Sánchez Ortega, MazeMap
Leaflet.VisualClick 当用户点击/点击地图时添加视觉反馈(demo)。当服务器请求或 Leaflet.singleclick 的实现延迟进一步操作时很有用,或者只是因为它看起来很酷:) 仅在 Leaflet 1.0.0-beta1 测试过。 Dag Jomar Mersland, Iván Sánchez Ortega, MazeMap
Leaflet Touch Helper 通过添加透明、更大的触摸表面,可以轻松地在小显示屏上用粗手指触摸矢量叠加层 Per Liedman / Prominent Edge
Leaflet.ClickTolerance 该插件允许您增加画布驱动层的点击容差,从而可以增加矢量图层的可点击区域超出其可见范围。当您的功能难以点击时很有用。 Geoloep
L.DraggableEnhancer 例如,如果地图容器的父级之一具有附加到 “mousemove” 事件的预定义处理程序(如“event.stopPropagation()”),则修改默认的 L.Draggable 处理程序(负责地图平移,...)以使其正常工作。 Vincent Dechandon
L.Spotlight 使用可自定义的形状动态突出显示鼠标光标附近的元素(feature) Isaac Boates

User interface

按钮、滑块、工具栏、侧边栏和面板。

PluginDescriptionMaintainer
Leaflet.Control.Custom 完全可定制的带有 HTML 元素的 Leaflet 控制面板。 Demo Yiğit Yüce
L.EasyButton 在一行中,添加一个带有点击事件的 Font Awesome 控件按钮。 Demo atstp
Leaflet.contextmenu Leaflet 的 contextmenu 菜单。 Adam Ratcliffe
Leaflet.CountrySelect 控制所有国家/地区的菜单,以及将所选国家/地区作为 GeoJSON 功能返回的事件侦听器 (demo) Anika Halota
Leaflet.GeojsonLayerSwitcher 允许在GeoJSON层之间导航,选择一些,并返回选择。 Easy-Mountain
leaflet-sidebar-v2 带有 HTML 和 JS API 的响应式标签式侧边栏。与旧的 (0.7) 和当前的 Leaflet 兼容。 Norwin Roosen
leaflet-sidebar 响应式侧边栏插件。 Tobias Bieniek
sidebar-v2 另一个响应式侧边栏插件。这次带有标签! Tobias Bieniek
Leaflet.Messagebox 在地图上显示临时文本消息 (Demo) Martijn Grendelman
Leaflet.Notifications 在地图中生成 toast 通知。 Manuel Richter
Leaflet.TileLegend 为您的背景图层创建插图和交互式图例。 Yohan Boniface
Leaflet.toolbar 用于 Leaflet 地图的灵活、可扩展的工具条。在此处查看示例。 Justin Manley
L.Credits 一个简单、有吸引力的交互式控件,可将您的徽标和链接放在地图的角落。 Greg Allensworth
Leaflet.Spin 使用 Spin.js 在地图上显示一个漂亮的微调器,用于异步数据加载,就像使用 Leaflet Ajax 一样。 Mathieu Leplatre
Leaflet Weather 一个 Leaflet 插件,用于使用 OpenWeatherMap API 在地图上添加一个天气小部件。 (Demo) Osk
Leaflet ResizableControl 一个 Leaflet 插件,在地图上添加一个可调整大小和可滚动的控件。 (Demo) David Albrecht
Leaflet.Slider 添加一个<input type="range">滑块,每次改变其输入都会调用一个函数。 (Demo) EPP
leaflet-control-window 在你的地图中创建模态/无模态、可拖动、可响应、可定制的窗口。 mapshakers/ Filip Zavadil
Leaflet.CoordinatedImagePreview 在地图范围内显示协调的图像。 Yunus Emre Özkaya
Leaflet.SlideMenu 一个用于Leaflet的简单的滑动菜单。 Masashi Takeshita
Leaflet.Dialog 一个简单的可调整大小、可移动、可自定义的对话框。 (Demo) NBT Solutions
Leaflet.BootstrapZoom 使用 Twitter Bootstrap 样式的按钮覆盖默认的缩放控制按钮 Alexey Gusev
Leaflet.CondensedAttribution 一个能使长属性在悬停时可见的属性插件 Motion Intelligence GmbH
Leaflet.HtmlLegend 一个简单的 Leaflet 插件,用于使用 HTML 元素创建图例。 Demo Kaveh Karimi
leaflet-blurred-location 一个基于 Leaflet 的界面,用于选择一个 "模糊 "或低分辨率的位置,以保护隐私。 Demo Public Lab
Leaflet.Control.Resizer 在右侧或底部控制调整你的地图大小。 查看 demo Javier Jimenez Shaw
leaflet-blurred-location-display 在从远程API获取数据时,巧妙地使用彩色编码的热图和彩色编码的标记来分配 "模糊的 "位置 Demo Public Lab
Leaflet.Legend 显示图例符号和切换覆盖物 (Demo) JJ Jin
Leaflet.Control.Select 可定制的菜单式控件。demo Adam Mertel
Leaflet.Signposts 使用方向箭头和每个给定方向上的点数将用户引导到当前地图视图之外的点。demo William Low

Print/export

打印或导出你的地图。

PluginDescriptionMaintainer
Leaflet.print 实现 Mapfish 打印协议,允许使用 Mapfish 或 GeoServer 打印模块打印 Leaflet 地图。 Adam Ratcliffe
Leaflet-image 通过使用 Canvas 和 CORS,在没有服务器组件的情况下从 Leaflet 地图导出图像。 Tom MacWright
Leaflet-easyPrint 一个简单的插件,它添加了一个图标来打印你的 Leaflet 地图。 Rowan Winsemius
leaflet.browser.print 允许用户直接从浏览器打印整页地图。 Igor Vladyka
Leaflet.BigImage 允许用户下载带有放大版可见地图的图像。 Vasyl Pasichnyk (Oswald)
leaflet-route-print 通过用一连串相同的矩形覆盖路线,自动打印具有自定义比例、纸张大小和空白的路线(即多线)的 PDF。 Herman Sletmoen

Geolocation

扩展 Leaflet 地理定位功能的插件。

PluginDescriptionMaintainer
L.LocationShare 允许用户发送和接收带有消息的标记(marker)。 Demo atstp
Leaflet.Locate 可定制的定位控件。 Dominik Moritz
Leaflet Control Compass 一个用来构建简单的旋转罗盘的 Leaflet 控件 Stefano Cudini
Leaflet.AccuratePosition Leaflet.AccuratePosition 主要为了提供一个理想精度的设备位置。 Michael Schmidt-Voigt
Geolet 一个简单并且可高度定制的 Leaflet 地理定位插件。 Ruben Holthuijsen

各种各样的

Geoprocessing

以下插件可进行多种地理信息处理(点、线和多边形上的数学和拓扑操作)。

PluginDescriptionMaintainer
Proj4Leaflet Proj4js 集成插件,允许你在 Leaflet 中使用各种奇怪的投影。 Kartena
arc.js 一个可以与 Leaflet 一起使用的用于绘制大圆圈路线的 JS 库。 Dane Springmeyer
Leaflet-pip 使用 point-in-polygon 进行简单的计算多边形中的点。 Tom MacWright
Leaflet.GeometryUtil 一组用于 Leaflet 几何形状的实用工具(线性参考等)。 Benjamin Becquet, Mathieu Leplatre
Greiner-Hormann 用于多边形裁剪和二元运算的 Greiner-Hormann 算法,适用于 Leaflet。 Alexander Milevski
Leaflet.buffer 使得用 Leaflet.draw 绘制的图形能够得到缓冲。 Jonathan Skeate
Leaflet.LayerIndex 要素(feature)和图层的有效空间索引,使用 RTree.js Mathieu Leplatre
leaflet-spatial-prefix-tree 用于可视化空间前缀树、四叉树和 geohash 的 Leaflet 插件。 查看 demo Mapzen
Leaflet.UTM 将 L.LatLng 转换为 UTM(WGS84),反之亦然的简单方法,UTM字符串格式易于配置。它不依赖于任何其他或第三方插件。 查看 demo Javier Jimenez Shaw
Leaflet.Antimeridian 一个插件,允许多边形和多段线自然地画过 Antimeridian(或国际日期线),而不是总是包裹在格林威治子午线上。 (Demo) Brianna Landon

Routing

以下插件使用外部服务来计算驾驶或步行路线。

PluginDescriptionMaintainer
Leaflet Routing Machine 通过点控制路线搜索,显示行程和替代路线。默认使用 OSRM ,但也支持 GraphHopperMapbox Directions API 等。 Per Liedman
Leaflet.Routing 使用任何用户提供的路由服务在航点之间路由路径的 Leaflet 控制器和接口。 Norwegian Trekking Association
Route360° Route360°直观地显示了在给定时间内从一组起点可到达的区域,并提供了详细的路线信息(步行、自行车、汽车和公共交通)给目标。 Motion Intelligence GmbH
Leaflet RouteBoxer 这是来自 Google 的 RouteBoxer 类的 Leaflet 实现。Leaflet RouteBoxer 类生成一组 L.LatLngBounds 对象,这些对象保证覆盖路径指定距离内的每个点。 Stephan Georg
Leaflet.Routing.Amap 使用AMap(高德地图)作为后台进行路线搜索的控件。支持中国的BD09和GCJ02坐标系,彩色线条,以及弹出的转弯提示。 Jack Good
Leaflet RouteToAddress 从自定义地址到固定地址的路由搜索控件。该插件集成了一个简单的地理编码器,使用 OpenstreetMap Nominatim 来通过地址定位地点。非常适合网站上“找到我们的路”的说明。 默认使用 OSRM,但也支持 Mapbox Directions APIDemo Astrid Günther
Leaflet TripGo routing TripGo移动平台让你创建应用程序,使用任何公共、私人或商业交通方式提供无缝和个性化的门到门旅行。 TripGo Leaflet 的插件动机是提供一种简单的方法,将其功能纳入外部平台。 SkedGo
leaflet.TravelNotes Leaflet 的可编辑标记和路由引擎。路由引擎有 Mapbox、GraphHopper 和 OSRM 插件,可用于汽车、自行车或步行路线。 Demo Christian Guyette
Leaflet.Reachability 使用 openrouteservice isochrones API,根据时间或距离显示不同旅行模式的可到达区域。 Trafford Data Lab

Geocoding

将地址或地点名称转换为纬度和经度(反之亦然)的外部服务。

PluginDescriptionMaintainer
Leaflet GeoSearch 将地址搜索/查找(又名地理搜索)引入到 Leaflet 的小型地理编码插件。支持 Google、OpenStreetMap Nominatim、Bing、Esri 和诺基亚。易于扩展。 Stephan Meijer
Leaflet Control OSM Geocoder 一个简单的地理编码器,它使用 OpenstreetMap Nominatim 按地址定位地点。 Karsten Hinz
Leaflet Control Bing Geocoder 使用 Bing 定位地点的简单地理编码器控件。 Samuel Piquet
Leaflet Control Geocoder 一个干净和可扩展的控件,用于地理编码和反向地理编码。内置支持 Nominatim, Bing, MapQuest, Mapbox, What3Words, Google 和 Photon。易于扩展到其他供应商。 Per Liedman
Leaflet GeoIP Locator 一个简单的插件,可以找到 IP 地址的大致位置,并以所述位置为中心进行地图绘制。 Jakub Dostal
Esri Leaflet Geocoder 一个由 ArcGIS Online 地理编码器提供建议的地理编码控件。 Patrick Arlt
Leaflet.OpenCage.Search 使用 OpenCage Data 的地理编码 API 的搜索插件。 The OpenCage team
Leaflet.Geonames GeoNames 提供支持的轻量级地理编码控件。 Demo Brendan Ward
Pelias Leaflet Plugin 使用 Geocode Earth 或任何由 Pelias Geocoder API 提供的托管服务的地理编码控件。 Demo Lou Huang
Leaflet.Autocomplete Leaflet.Autocomplete 是一个扩展了自动查询功能的插件,以你认为需要的方式进行地理编码并把数据显示在地图上。DEMO 是基于使用 OpenstreetMap Nominatim 按地址定位地方。简单易用,并且完全支持 ARIA 属性和键盘交互。 Grzegorz Tomicki
Leaflet LocationIQ Geocoder 一个插件,增加了使用 LocationIQ 搜索(地理编码)由 Leaflet 驱动的地图的能力。 LocationIQ
L.Highlight 一个插件,增加了使用 Nominatim 快速突出显示街道和地区的功能。 Maciej Kowalski

Plugin collections

横跨几个类别的插件集。

插件开发人员:请将未来的插件保存在单独的存储库中。

PluginDescriptionMaintainer
Plugins by Pavel Shramov 一组插件:GPX、KML、TOPOJSON 图层;Bing 图层;Yandex 层(使用其 API 实现)和永久链接控制。 Pavel Shramov, Bruno B
Spectrum4Leaflet 使用带有 Leaflet 的 Spectrum Spatial Server 服务的工具。该插件支持:地图服务、瓦片服务、要素服务。它具有图层、图例和功能控件。 SVoyt, ESTI MAP
MapBBCode-related leaflet plugins 七个用于各种功能的插件,独立于MapBBCode库。 从圆形和弹出式图标到按钮、图层切换器、更好的搜索和属性。 Ilya Zverev

综合的

Frameworks & build systems

将 Leaflet 集成到一个开发框架中,或为复杂的应用程序自动处理一些 javascript/CSS 工作,以简化你的开发工作。

PluginDescriptionMaintainer
leaflet-defaulticon-compatibility 从 CSS 中检索所有 Leaflet 默认图标选项,特别是所有图标图像 URL,以提高与在 CSS 中修改 URL 的捆绑器和框架的兼容性。特别是对于 webpack(带有 style-、css-、file- 和 url-loader)、Rails 资产管道和 Django 管道。应解决与问题 Leaflet/Leaflet #4968相关的所有用例。使用 webpack 的 demo不使用此插件)。 ghybs
Leaflet Yeoman Generator Yeoman 生成器,用于构建基本的 Leaflet 地图应用程序。 Moritz Klack
leaflet-geoserver-request Leaflet 中基本的地理服务器请求,目前支持 wms, wfs, legend, wmsImage 请求。 Demo Iamtekson
react-leaflet 用于 Leaflet 地图的 React 组件。 Paul Le Cam
Leaflet.CSS 从 JavaScript 中添加主要的 Leaflet CSS 文件(或任何 css),去掉条件注释。 Calvin Metcalf
Leaflet LayerConfig 提供一个 json 文件或服务响应,其中包含图层和标记的配置,以自动设置一个 Leaflet 客户端。 Alexander Nossum
Leaflet.i18n 进行国际化处理的 Leaflet 插件。 Yohan Boniface
Leaflet ZoomLevel CSS Class 为地图元素添加缩放等级的 css 类,便于根据缩放级别更新样式 Dag Jomar Mersland
famous-map 将 Leaflet 集成到使用 famo.us Web 框架制作的应用程序中。 Hein Rutjes
ngx-leaflet 用于 Angular.io 的 Leaflet 组件和扩展。 Asymmetrik, Ltd.
Angular Leaflet directive 在使用 AngularJS 网络框架制作的应用程序中集成 Leaflet。 David Rubert
Tiny Leaflet Directive 为你的 AngularJS 应用程序提供微小的 LeafletJS 地图指令。 Martin Tesař
Leaflet Popup Angular 在你的 Leaflet popups 中使用 AngularJS。它扩展了内置的 L.popup.Action。 Grant Harris
Leaflet Control Angular 在你的 Leaflet 地图中插入和使用 Angular 化的 HTML 代码,作为 Leaflet 控件。 Grant Harris
YAGA leaflet-ng2 粒度集成到 Angular2/4 中。 demo YAGA Development Team
<leaflet-map> 将 Leaflet 集成到使用 Polymer >= 1.0 Web 组件框架制作的应用程序中。 Hendrik Brummermann, Prateek Saxena
Leaflet map component 将 Leaflet 集成到使用 Polymer 0.5 Web 框架制作的应用程序中。 Prateek Saxena
Leaflet.jsf 用于 Leaflet 的综合 Java Server Faces(JSF) 组件/包装器。 Terra SI LLC. M.Çağrı Tepebaşılı
JSF2Leaf Leaflet 的 JavaServer Faces 包装器。 Leonardo Ciocari
ember-leaflet 使用 Leaflet 为 Ember.js 提供简单和声明性的映射。 Miguel Andrade
meteor-leaflet 提供了一个 Meteor 包来快速建立实时的跨平台地图应用。 Bevan Hunt
L.Control.BootstrapModal 使用地图上的控件触发一个 Bootstrap 模态框(Modal)。 Greg Allensworth
L.Control.jQueryDialog 使用地图上的控件触发一个 jQuery UI dialog/modal。 Greg Allensworth
V-Leaflet 将 Leaflet 作为 Vaadin Java/HTML 框架的一个组件。 Matti Tahvonen
gwty-leaflet 一个用于 Leaflet 的 Java/GWT JsInterop 包装器。它允许在 Java 中使用 Leaflet,就像在 javascript 脚本中一样。 Zakaria Amine
Leaflet Map Builder 它从一个配置对象中填充 Leaflet 地图,还可以创建缩放、图层、属性和绘制控件。 demo Gherardo Varando
Vue2Leaflet Vue2Leaflet 是一个用于 Vue.js 框架的JavaScript库,它封装了 Leaflet,使其能够轻松创建交互式地图。 Mickaël KoRiGaN
leaflet-rails gem 这个 gem 为您的 Rails 5 应用程序提供了 Leaflet.js 地图显示库。 RubyGems 上的 leaflet-rails Akshay Joshi

3rd party integration

以下插件将 Leaflet 集成到第三方服务或网站中。

PluginDescriptionMaintainer
Leaflet.EditInOSM 在主要的 OSM 编辑器上添加一个带链接的控件来打开当前地图视图。 Yohan Boniface
Maps Marker Pro 一个 WordPress 插件,使用户能够通过他们的 WordPress 支持的网站固定、组织和分享他们最喜欢的地方和曲目。 Robert Harm
WordPress Leaflet Map 交互式且灵活的 shortcode,可在帖子和页面中创建多个地图,并在这些地图上添加多个标记。 Benjamin J DeLong
Maptiks 网络地图分析平台,跟踪地图活动、图层加载时间、标记点击等! Sparkgeo
Leaflet for Drupal 一个 Drupal(7.x 和 8.x)模块,用于在您的 Drupal 站点中集成 Leaflet 地图。包含一个字段格式化程序来显示包含地理空间数据的字段的地图,视图集成以在地图上绘制数据,以及一个轻量级且易于使用的 API。目前被超过 10.000 个站点使用。 Marzee Labs, and more maintainers listed at drupal.org
Leaflet Easymap 在您的 HTML 页面中引入一张地图,而无需进行任何编程。一个数据驱动的 Javascript 模块。 Klaus Stein
WP MapIt Open Street Map 和 Leaflet,带有自定义标记图像、描述和链接。 Chandni Patel
Map Block Leaflet 一个基于 Leaflet 的新 WordPress 区块编辑器的区块,它允许从一个可视化界面添加和定制地图。 Jesús Olazagoitia
ABP Usermap MyBB 一个用于 MyBB 的插件,基于 Open Street Map 和 Leaflet 创建用户地图,并可自定义弹出窗口和标记。 CrazyCat
Leaflet Extensions for Joomla! (3.x)
  • Agosm:
    Joomla 模块不仅用于在 OpenStreetMap 地图上显示标记。 Gibhub
    Joomla扩展目录
  • Aggpxtrack:
    Joomla自定义字段用于在地图上发送GPX轨迹 - 你可以选择OpenStreetMap或GoogleMaps。有很多选项。比如说。其中一个选项是高程剖面图。 Gibhub
    Joomla扩展目录
  • Agosmmapwithmarker:
    自定义字段,用于显示一个带有标记的地图,在边缘端--总是正确的内容卡。你可以在后台输入地址。 Gibhub
    Joomla Extension Directory
Astrid Günther
Leaflet.Facebook 用于添加 Facebook 点赞按钮作为控件的简单插件。 Marcin Wasilewski
WP-Trip-Summary 一个 WordPress 旅行总结插件,可帮助旅游博主管理和显示有关他们乘坐火车、骑自行车或徒步旅行的结构化信息。 Alexandru Boia
Open User Map – Users can add locations from the frontend WordPress 插件,可以让你的访问者直接从前端添加位置 - 无需注册。他们在地图上可以标记一个位置,并提供一些位置的详细信息,提交后,该位置信息将处于 "待定 "状态,并等待您的审查批准后进行发布。 100plugins

Develop your own

Leaflet 保持简单。如果你能想到一个并非所有 Leaflet 用户都需要的功能,并且你能以一种可重复使用的方式编写 JavaScript 代码,你就已经有了一个 Leaflet 插件。

对于如何创建自己的插件没有硬性要求,但我们鼓励所有的开发者阅读插件指南中的建议。

一旦您的插件准备就绪,您就可以将其提交到此列表:只需将添加到 /docs/plugins.md 的 PR 发送到我们的 GitHub 存储库。