Leaflet

一個開源的 JavaScript 函式庫
用於行動裝置友善的互動式地圖

Leaflet 外掛程式資料庫

雖然 Leaflet 的設計盡可能輕巧,並專注於核心功能,但擴展其功能的一種簡單方法是使用第三方外掛程式。感謝 Leaflet 背後出色的社群,有數百個不錯的外掛程式可供選擇。



圖磚與影像圖層

以下外掛程式允許載入不同的地圖,並提供圖磚和影像圖層的功能。

底圖供應商

隨時可用的底圖,幾乎不需要或完全不需要設定。

外掛程式描述範例維護者
Azure 地圖 Leaflet 外掛程式

一個 leafletjs 外掛程式,可讓您輕鬆覆蓋來自Azure 地圖的所有不同圖磚圖層。支援使用 Azure 地圖訂閱金鑰或 Azure Active Directory 進行驗證。

範例 Ricky Brundritt
Bing 地圖圖層

Bing 地圖圖磚新增至您的 Leaflet 地圖。需要 Leaflet v1.0.0.beta.2 或更高版本。

範例 Gregor MacLennan
Esri Leaflet

一組使用 ArcGIS 服務與 Leaflet 的工具。支援地圖服務、圖徵圖層、ArcGIS Online 圖磚等。

Patrick Arlt
L.GridLayer.GoogleMutant

顯示 Google 地圖(由於使用了 DOM 變異觀察器技術,因此可將偽影降至最低)。

範例 Iván Sánchez
L.MapkitMutant

顯示 Apple 的 MapkitJS 底圖。

Iván Sánchez
L.TileLayer.HERE

顯示來自 HERE 地圖的圖磚。

範例 Iván Sánchez
L.TileLayer.Kartverket

提供來自 Kartverket(挪威地圖管理局)的圖磚圖層的簡易設定。

Kultur og naturreise
Leaflet.ChineseTmsProviders

包含各種中國圖磚供應商的設定,例如天 地圖、MapABC、高德等。

範例 Tao Huang
Leaflet.GIBS

NASA EOSDIS GIBS 影像整合。此外掛程式提供 96 個每日更新的圖層,包含衛星影像和科學參數。

範例 Alexander Parshin
Leaflet.KoreanTmsProviders

包含各種(南)韓圖磚供應商的設定,例如 Daum、Naver、VWorld 等。

Seong Choi
Leaflet.Spain.WMS

提供來自西班牙地圖機構的多個西班牙 Web 地圖服務 (WMS) 圖層(PNOA、IGN 底圖、Catastro 等)的簡易設定。

Patricio Soriano
Leaflet.TileLayer.HERE

顯示來自 HERE 地圖的圖磚。

Wanderson Souza
Leaflet-Tilelayer-Hong-Kong

顯示來自 香港地理數據商店供應商的香港地圖圖磚。

spaceflighter
Leaflet.TileLayer.Mierune

顯示來自 Mierune 地圖的圖磚。

範例 Mierune
Leaflet.TileLayer.Swiss

使用來自 Swisstopo 的地圖圖磚顯示瑞士的國家地圖。

範例 Roman Karavia
leaflet-providers

包含各種免費圖磚供應商的設定,例如 OSM、OpenCycleMap、Stamen、Esri 等。

範例 leaflet-extras 成員
PolarMap.js

用於顯示來自 ArcticWebMap 的圖磚的 JavaScript 函式庫,這是一個免費的圖磚供應商,在多個北極極地投影中具有 OSM 資料。包括用於與其他 Leaflet 外掛程式深度整合的低階 API。

GeoSensorWeb Lab
SuperMap Leaflet

SuperMap Leaflet 是一個用於使用 SuperMap 服務類型的 Leaflet 外掛程式。支援 SuperMap 服務、圖磚等。

範例 SuperMap

底圖格式

用於以常見(但非預設)格式載入底圖或 GIS 柵格圖層的外掛程式。

外掛程式描述範例維護者
azgs-leaflet

一組用於 Leaflet 的小型外掛程式,包括具有篩選功能的 WFS-GeoJSON 圖層、GeoJSON 的懸停控制以及 Esri 圖磚圖層。

AZGS
cartodb-leaflet

Leaflet 的官方 CartoDB 外掛程式。

Vizzuality
GeoRasterLayer

顯示具有可設定解析度的小型和大型 GeoTIFF 檔案。為簡單性和效能而建置。與 GeoBlaze(一個 JavaScript 柵格分析函式庫)整合。

範例 Daniel J. Dufour
L.TileLayer.WMTS

適用於 Leaflet 的簡單 WMTS 圖磚圖層外掛程式。

範例 Alexandru Calin
Leaflet.bpg

具有 .bpg 影像格式解碼的圖磚圖層。

Andrzej Zaborowski
Leaflet.CanvasLayer.Field

載入和樣式化柵格檔案(geotiff 和 asciigrid 格式)。它包括一個 ScalarField 圖層(用於 DTM、溫度...)和 VectorFieldAnim(用於風、水流的動畫圖層...)。請參閱範例

範例 Víctor Velarde
Leaflet GeoJSON Encoded

使用 Google 折線編碼演算法擴展 L.GeoJSON 圖層,允許最佳化的資料傳輸。

Geobricks
Leaflet.ImageOverlay.OGCAPI

(未切割圖磚)OGC API Maps 草案規格的用戶端。

範例 Iván Sánchez Ortega
Leaflet.NonTiledLayer.WCS

顯示來自 Web Coverage Services 的柵格資料。可以在用戶端中設定柵格樣式和查詢。

範例 Stuart Matthews
Leaflet.projwmts

新增 WMTS 服務 (GUGiK Poland)。

範例 Geoportal Poland
Leaflet.TileLayer.MBTiles

載入 .mbtiles 圖磚集。

範例 Iván Sánchez
leaflet.TileLayer.WMTS

新增用於 leaflet 的 WMTS (IGN) 圖層。

Alexandre Melard
leaflet.wms

增強 Leaflet 的 WMS 支援,包括單圖磚/未切割圖磚的圖層、共用 WMS 來源以及透過 GetFeatureInfo 進行圖層識別。

範例 S. Andrew Sheppard
Leaflet-2gis

新增對 2GIS 圖磚圖層的支援

範例 Eugene Mikhalev
leaflet-geotiff

以影像或方向箭頭的形式顯示來自 geoTIFF 檔案的柵格資料。可以在用戶端中設定柵格樣式和查詢。可以套用可選的裁剪遮罩,例如將 DEM 限制為陸地區域。

範例 Stuart Matthews
leaflet-tilejson

新增對 Leaflet 的 TileJSON 規格的支援。

Per Liedman
TileLayer.GeoJSON

適用於 GeoJSON 圖磚的圖磚圖層。

Glen Robertson

非地圖底圖圖層

有時您不想載入地圖,只想載入大型自訂影像。真正大型的影像。

外掛程式描述範例維護者
Leaflet.TileLayer.IIP

新增對 Leaflet 中 IIPImage 圖層的支援。

範例 Emmanuel Bertin
leaflet-fractal

使用 2D 畫布呈現一些碎形(曼德布羅特集、朱利亞集等)。

範例 Alexander Parshin
Leaflet-IIIF

適用於 Leaflet 的 IIIF(國際影像互通性框架)檢視器。

範例 Jack Reed
leaflet-rastercoords

呈現使用 gdal2tiles-leaflet 產生的大型切割圖磚影像。影像柵格座標可用於設定標記等。

範例 Commenthol
TileLayer.DeepZoom

適用於 DeepZoom 影像的圖磚圖層。

Al Farisi
TileLayer.Gigapan

適用於 Gigapan 影像的圖磚圖層。

Dan Sherman
TileLayer.Zoomify

適用於 Zoomify 影像的圖磚圖層。

範例 Bjørn Sandvik

圖磚/影像顯示

以下外掛程式變更圖磚或影像圖層在地圖中的顯示方式。

外掛程式描述範例維護者
Leaflet.Control.DetailLevel

透過即時修改 zoomOffset,以高於視網膜 (hdpi) 解析度顯示圖磚。適用於在地圖樣式在不同縮放層級之間大幅變更的地圖來源。將 zoomOffset 增加太多會使瀏覽器速度變慢,因為顯示的圖磚數量會隨著 zoomOffset 而呈指數級增長。

範例 Wessel Valkenburg
Leaflet.Control.Opacity

使多個圖磚圖層透明。

範例 Yasunori Kirimoto
Leaflet.Control.SideBySide

一個 Leaflet 控制項,用於新增分割畫面以比較兩個地圖覆蓋圖層。

範例 Digital Democracy
Leaflet.DistortableImage

讓使用者能夠在 Leaflet 地圖上縮放、旋轉和扭曲影像

範例 Public Lab
Leaflet.DistortableVideo

讓使用者能夠在 Leaflet 地圖上縮放、旋轉和扭曲影片。

範例 Roni Karilkar
Leaflet.ImageOverlay.Arrugator

顯示重新投影的 ImageOverlays,給定四個控制點和 proj4js 投影函式。

範例 Iván Sánchez Ortega
Leaflet.ImageOverlay.Rotate

顯示旋轉、縮放和傾斜(但未橡皮墊)的 ImageOverlays,給定三個控制點。

範例 Iván Sánchez Ortega
Leaflet.Multispectral

使用純用戶端 JavaScript,為 Leaflet 影像圖層提供多光譜通道操作和處理工具(例如 NDVI 或其他遙感方法)。它透過 ImageOverlay filter() 函式使用 image-sequencer

範例 Public Lab
Leaflet.NonTiledLayers

適用於非切割圖磚覆蓋圖層的 Leaflet 圖層。

範例 PTV Logistics
Leaflet.OpacityControls

用於調整地圖圖層不透明度的簡單 Leaflet 控制項。

範例 Jared Dominguez
leaflet-rotate

新增旋轉功能至 leaflet 地圖窗格

範例 Raruto
Leaflet.TileLayer.Canvas

將圖磚呈現為畫布元素。

GIAP
Leaflet.TileLayer.ColorFilter

一個簡單輕巧的 Leaflet 外掛程式,可對地圖圖磚套用 CSS 篩選器。

範例 Cláudio Kawakani
Leaflet.TileLayer.Colorizr

一個可透過 RGBA 程式碼修改色彩的 Leaflet 圖磚圖層。

Hinrich Riedel
Leaflet.TileLayer.ColorPicker

具有 getColor(latLng) 的 Leaflet 圖磚圖層。

範例 Yuzo Matsuzawa
Leaflet.TileLayer.GL

將自訂 WebGL 著色器套用至圖磚圖層中的每個圖磚。

範例 Iván Sánchez
Leaflet.TileLayer.GLColorScale

圖磚圖層,使用 WebGL 根據指定的色彩比例對浮點像素進行著色。

範例 David Schneider
Leaflet.TileLayer.GLOperations

WebGL 圖磚圖層:對浮點像素進行著色、像素值的滑鼠事件處理常式、山體陰影、輪廓、轉場、篩選以及在多個圖層上進行計算。

範例 Thorbjørn Horgen
Leaflet.TileLayer.Mask

具有遮罩效果的圖磚圖層。

範例 Yuzo Matsuzawa
Leaflet.TileLayer.PixelFilter

一個可以透過 RGB 程式碼篩選和替換像素的圖磚圖層。

範例 GreenInfo Network
TileLayer.BoundaryCanvas

讓您能夠使用任意多邊形邊界繪製圖磚圖層。HTML Canvas 用於渲染。

Alexander Parshin
TileLayer.Grayscale

具有灰階改造的正規圖磚圖層。

Ilya Zverev

圖磚載入

以下外掛程式變更將圖磚圖層載入到地圖中的方式。

外掛程式描述範例維護者
Leaflet.EdgeBuffer

為 Leaflet 1.0 版本緩衝視窗邊緣之外的圖磚。

範例 Alex Paterson
Leaflet.FeatureGroup.LoadEvents

支援 "loading""load" 事件的 FeatureGroup (適用於 v0.7.*)。

範例 G. Lathoud
Leaflet.FunctionalTileLayer

允許您使用函式定義圖磚圖層的 URL。甚至可以使用 Promise 處理非同步來源。

Ishmael Smyrnow
Leaflet.GridLayer.FadeOut

移除網格圖層和圖磚圖層時淡出,使底圖變更更平滑 (適用於 1.0.0)。

範例 Iván Sánchez
Leaflet.loading

當圖磚和其他資料載入時,新增載入指示器的簡單控制項。

範例 Eric Brelsford
Leaflet.MultiTileLayer

允許從多個圖磚來源組合一個 TileLayer。每個來源僅在定義的縮放級別集合上處於啟用狀態。

Mattias Bengtsson
leaflet.offline

允許將圖磚儲存在資料庫中以供離線存取。

範例 Allart Kooiman
Leaflet.TileCorrection

允許從地圖的不同 CRS 中載入圖磚,並從自訂縮放開始。

Allart Kooiman
Leaflet.TileLayer.Fallback

將遺失的圖磚(HTTP 404 找不到錯誤)替換為從較低縮放級別放大調整的等效圖磚。

範例 ghybs
TileLayer.Cordova

適用於 Cordova/Phonegap,將圖磚快取新增至本機裝置儲存空間,在離線和線上模式之間切換。

Greg Allensworth
TileLayer.PouchDBCached

允許所有 Leaflet TileLayer 快取到 PouchDB 中以供離線使用。

範例 Iván Sánchez Ortega

向量圖磚

顯示 向量圖磚 的外掛程式。

外掛程式描述範例維護者
具有向量圖磚的底圖

Leaflet 的向量圖磚外掛程式。使用 MapTiler SDK 的強大功能來存取其專業建立的多語言向量圖磚底圖目錄。您也可以將其用於向量圖磚資料疊加。

範例 J. Lurie | MapTiler
geojson-vt

用於即時將 GeoJSON 資料切割成向量圖磚的有效率程式庫。

Mapbox
Hoverboard

使用 Leaflet 在畫布上渲染向量圖磚 (geojson、topojson 和 protobuf)。僅與 Leaflet 0.7.x 相容。

範例 Tristan Davies
Leaflet.MapboxVectorTile

一個在畫布上渲染 Mapbox 向量圖磚的 Leaflet 外掛程式。僅與 Leaflet 0.7.x 相容。

範例 SpatialDev
maplibre-gl-leaflet

maplibre-gl-js 地圖載入為 Leaflet 圖層

MapLibre
Leaflet.VectorGrid

在 Leaflet 1.0.0 中顯示網格向量資料(使用 geojson-vt 切割的 GeoJSON 或 TopoJSON,或 protobuf 向量圖磚)。

範例 Iván Sánchez
Leaflet.VectorTileLayer

一個用於顯示向量圖磚的 Leaflet 圖層。與 Leaflet.VectorGrid 非常相似,除了樣式:可以為所有圖層指定單一樣式,而 VectorGrid 需要預先知道圖層名稱。適用於 Leaflet 1.0.0。

Joachim Kuebart
leaflet-geojson-vt

即時在 Leaflet 上顯示 GeoJSON 資料的向量圖磚

範例 Tek Kshetri
protomaps-leaflet

用於 Leaflet 的輕量級向量地圖渲染 + 標籤和符號系統(支援 pmtiles 和 pbf 格式)

範例 Protomaps

覆蓋資料

以下外掛程式提供載入疊加資料(GIS 向量資料)的新方法:點、線和多邊形。

覆蓋資料格式

從各種 GIS 格式載入您自己的資料。

外掛程式描述範例維護者
Leaflet.BetterFileLayer

將您的空間檔案載入 Leaflet 的權威外掛程式。

範例 Gabriel Russo
Leaflet.encoded

在 Leaflet 中使用編碼的折線。

Jieter
Leaflet.FileGDB

將 ESRI 檔案地理資料庫放到您的地圖上作為圖層。

Calvin Metcalf
Leaflet.FileLayer

使用 HTML FileReader API 將檔案(GeoJSON、GPX、KML)載入地圖(即在本機載入,無需伺服器)。

Mathieu Leplatre
Leaflet.geoCSV

用於將 CSV 檔案載入為 geoJSON 圖層的 Leaflet 外掛程式。

Iván Eixarch
Leaflet GPX

GPX 圖層,以運動活動為目標,提供距離、移動時間、配速、海拔高度、心率等資訊的存取。

範例 Maxime Petazzoni
Leaflet LayerJSON

將任何 JSON 資料來源轉換為 Leaflet 圖層、在圖層中載入 JSON 資料並使用快取系統最小化遠端請求的簡單方法。

範例 Stefano Cudini
Leaflet.MultiMarkers

一個 Leaflet 外掛程式,用於顯示大量高度可自訂的標記,例如使用 Papa Parse 讀取的 CSV 檔案中的標記。

範例 mfhsieh
Leaflet.Shapefile

將 shapefile 放到您的地圖上作為圖層。

範例 Calvin Metcalf
Leaflet-BetterScale

一個新的、更像 GIS 的比例尺,帶有黑/白條紋。

範例 Dan Brown
Leaflet-CsvTiles

使用驚人的 PapaParse 程式庫從分塊 CSV 檔案載入點。

範例 Gherardo Varando
Leaflet-GeoPackage

載入 GeoPackage 圖磚和要素圖層。

範例 Daniel Barela
leaflet-kml

載入並顯示 KML

範例 Windyx
leaflet-omnivore

載入並轉換 Leaflet 的 CSV、KML、GPX、TopoJSON、WKT 格式。

範例 Mapbox
Leaflet-WFST

具有交易支援的 WFS 用戶端圖層

Flexberry
qgis2web

一個 QGIS 外掛程式,無需編碼即可製作 Web 地圖。

Tom Chadwin
Wicket

一個用於在 Well-Known Text (WKT) 和 Leaflet 幾何物件之間轉換的簡單程式庫(例如,在 L.marker() 實例和「POINT()」字串之間)。

範例 K. Arthur Endsley

動態/自訂資料載入

載入在地圖中更新的動態資料,或以非標準方式載入 GIS 向量資料。

外掛程式描述範例維護者
Leaflet Ajax

透過 ajax 或 jsonp 新增 GeoJSON 資料。

Calvin Metcalf
Leaflet GeoSSE

使用伺服器傳送的事件將即時資料新增至 Leaflet 地圖。

An Tran
Leaflet.Indoor

建立室內地圖。

範例 Christopher Baines
Leaflet.Liveupdate

定期(「即時」)更新地圖上的某些內容。

範例 Martijn Grendelman
Leaflet.mytrack

追蹤我在地圖上的路徑並下載它。

範例 DJ
Leaflet.Pouch

使用 PouchDB 將 CouchDB 資料同步到本機儲存空間 (indexedDB),僅新增 couchDB 資料或作為一種不太令人困惑的 indexedDB 實作。

Calvin Metcalf
Leaflet Realtime

將即時資料放到 Leaflet 地圖上:即時追蹤 GPS 裝置、感應器資料或幾乎任何內容。

Per Liedman
Leaflet uGeoJSON

透過 ajax post 請求新增自動更新的 GeoJSON 資料圖層。

Benjamin VADANT

合成覆蓋圖層

這些外掛程式從頭開始建立有用的疊加,無需載入。

外掛程式描述範例維護者
L.OS.Graticule

疊加英國地形測量 (OS) 1 公里網格方塊和標籤。

Jon Shutt
Leaflet.AutoGraticule

繪製經緯線網格,自動調整比例以符合目前的縮放級別。

範例 Candid Dauth
Leaflet.EdgeScaleBar

在 Web Mercator 投影中,沿著地圖的頂部和右邊緣建立比例尺。

Dražen Tutić, Ana Kuveždić Divjak
Leaflet.Graticule

繪製經緯線網格。

Bjørn Sandvik
leaflet.latlng-graticule

建立畫布作為 ImageOverlay 以繪製經緯線網格,並在地圖邊緣顯示網格刻度標籤。

範例 CloudyBay
Leaflet.Maidenhead

一個 Maidenhead 定位系統網格的實作。

範例 Iván Sánchez Ortega
Leaflet.MetricGrid

一個用於 Leaflet 的通用公制網格疊加,具有準備好的 UTM、英國和愛爾蘭網格。

Bill Chadwick
Leaflet.PolarGraticule

繪製一個投影感知的經緯線網格,在線上加上標籤,並提供選項來設定線條的範圍和間隔。

範例 Anton Steketee
Leaflet.SimpleGraticule

為 L.CRS.Simple 座標系統繪製網格線。

Andrew Blakey
Leaflet.Sun

在地圖點擊時取得日落或日出時間。

範例 DJ
Leaflet.Terminator

在地圖上疊加白天和夜晚區域。

Jörg Dietrich
Leaflet.timezones

在 Leaflet 地球地圖上疊加時區。

範例 DJ

資料供應商

從第三方服務載入疊加資料。另請參閱底圖提供者外掛程式集合

外掛程式描述範例維護者
Leaflet.dbpediaLayer

一個具有來自 Wikipedia 的興趣點的圖層 - 透過 ajax 從 DBpedia 的 SPARQL 端點載入。

Kr1
Leaflet.FreieTonne

一個來自 FreieTonne 的航海功能疊加。

範例 Candid Dauth
Leaflet.GeographPhotos

使用其 API 在互動式疊加中顯示來自 Geograph 英國和愛爾蘭的地理照片。

範例 Barry Hunter
leaflet.osmdatapicker

在您繪製的區域中取得任何 Open Street Map (OSM) 資料的簡單快速方法。資料來自 overpass-turbo

範例 Amr Hamadeh
Leaflet Overpass Layer

輕鬆包含來自 overpass api 的資料。

範例 Guillaume AMAT
Leaflet.Rainviewer

RainViewer 雷達資料 API 的外掛程式。

範例 Marcin Wasilewski
Leaflet Vector Layers

允許輕鬆地從許多地理 Web 服務建立向量圖層,例如 ArcGIS Server、Arc2Earth、GeoIQ、CartoDB 和 GIS Cloud。

Jason Sanford
leaflet-environmental-layers

一個易於使用的 Leaflet 程式庫中的不同環境地圖圖層集合。

範例 Public Lab
leaflet-radar

用於 Leaflet 的動畫衛星天氣雷達疊加。

範例 rwev
Leaflet-Wikipedia

一個 Leaflet 外掛程式,用於在地圖圖層上顯示 Wikipedia API 條目。

範例 Matthew Barker
Windy-Leaflet-plugin

使用 Windy 的免費 API 在您的網頁上顯示動畫天氣地圖。

範例 Windy.com

疊加顯示

以下外掛程式提供顯示疊加資料資訊的新方法。

標記與渲染器

這些外掛程式提供新的標記或將抽象資料轉換為螢幕圖像的新方法。熟悉 GIS 的 Leaflet 使用者也將其稱為符號系統。

外掛程式描述範例維護者
L.Donut

L.Circle 的擴充功能,允許定義外半徑和內半徑。

範例 Falke-Design
Leaflet.Arc

此外掛程式新增 L.Polyline.Arc 函式,該函式包裝 arc.js 功能以建立大圓弧。

範例 Alexey Gusev
Leaflet.ArrowCircle

一個標記擴充功能,用於顯示帶有方向箭頭的圓圈。

範例 R.A. Porter
Leaflet.Awesome-Markers

基於 Font Awesome 圖示/Twitter Bootstrap 圖示的彩色、圖示 & 視網膜防護標記

範例 Lennard Voogdt
Leaflet.BeautifyMarkers

輕量級外掛程式,可新增沒有圖像的彩色圖示標記,並將樣式的完全控制權交給終端使用者(即,無限的顏色和 CSS 樣式)。

範例 Muhammad Arslan Sajid
Leaflet.bezier

在兩點之間繪製貝茲曲線,並帶有動畫飛行物件。

範例 Supun Praneeth
Leaflet.BoatMarker

使用 HTML Canvas 的船隻標記,用於顯示帶有航向和可選風向資訊的遊艇和帆船。

範例 Thomas Brüggemann
Leaflet.Canvas-Markers

在畫布上而非 DOM 上顯示標記。

範例 Evgeniy Voynov
Leaflet.CenterMarker

當拖曳地圖進行平移時,保持固定在地圖中心的標記。可以在 What is my address? 上看到實際效果

Jonatan Heyman
Leaflet.ColorIcon

使用 CSS 濾鏡覆寫圖示的顏色,並使其可以新增不同顏色的相同圖示圖像。

範例 Maxence Martin (shevek)
Leaflet.curve

一個用於繪製貝茲曲線和其他複雜形狀的 Leaflet 外掛程式。

範例 elfalem
Leaflet.CustomLayer

一個 Leaflet 外掛程式 L.CustomLayer - 完全自訂的圖層。

Derek Li
Leaflet.EdgeMarker

用於指示目前檢視之外的功能存在的 外掛程式。

範例 Gerald Pape
Leaflet.ellipse

Leaflet.ellipse 透過指定中心點、半長軸、半短軸以及從西邊傾斜的角度在地圖上放置橢圓。

範例 JD Fergason
Leaflet.Extra-Markers

對 Awesome-Markers 的無恥複製,具有更多形狀、顏色和語意 UI 支援

範例 Cory Silva
Leaflet.Geodesic

繪製測地線和圓。測地線是地球表面上兩個給定點之間的最短路徑。它使用 Vincenty 的公式來獲得最高的精確度和距離計算。以 TypeScript 編寫,可透過 CDN 取得。

範例 Henry Thasler
Leaflet.geojsonCSS

Geojson CSS Leaflet 實作。

範例 Alexander Burtsev
Leaflet.GeotagPhoto

用於照片地理標記的插件,具有兩種模式:相機和十字線。

範例 Bert Spaan
Leaflet.GLMarkers

使用自訂 WebGL shaders 顯示數千個標記,可選擇加入動畫效果。

範例 Iván Sánchez Ortega
Leaflet.greatCircle

Leaflet.js Polygon 物件的包裝類別,用於繪製真正的「大圓」(顯示環繞地球的真實測地線、球面路徑)。

範例 Alex Wellerstein
Leaflet.HighlightableLayers

透過添加邊框並將其提升到其他圖層之上來突出顯示 Leaflet 線條和多邊形。添加透明邊框以增加滑鼠/觸控互動的容差。

範例 Candid Dauth
Leaflet.Icon.Glyph

在您的標記中使用圖示字體字符(來自 Font Awesome、Material Design Icons、Glyphicons、Metro UI 圖示、Elusive 和其他圖示字體)。

範例 Iván Sánchez Ortega
Leaflet.IconEx

一個 Leaflet 插件,可建立具有三個可自訂圖層的 DivIcon。

範例 mfhsieh
Leaflet.label

將文字標籤添加到地圖標記和向量圖層。

Jacob Toye
Leaflet.LabelTextCollision

在路徑(折線、多邊形、圓形)上顯示標籤,避免標籤碰撞。

範例 Kenta Hakoishi
Leaflet.LineExtremities

使用 SVG 標記在折線的末端顯示符號。

範例 Frédéric Bonifas
Leaflet.magicMarker

在加載時為標記添加神奇的動畫效果。

Sylvenas
Leaflet.MakiMarkers

使用 MapBox 的 Maki 圖示建立標記。

James Seppi
leaflet-mapwithlabels

使用自動標籤擴展 L.Map。如果存在標籤選項,則標籤圖層。動態概括標籤以避免重疊。

範例 Mátyás Gede
Leaflet.Marker.Highlight

為 L.marker 添加突出顯示效能。

範例 Brandon Xiang
Leaflet.Marker.Stack

CartoDB 的「堆疊晶片」符號器的純 Leaflet 實作。

範例 Iván Sánchez
Leaflet.orientedMarker

允許動態管理標記的方向。

jekuno
Leaflet.ParallaxMarker

添加在平移時相對於地圖具有視差效果的標記。

範例 Dag Jomar Mersland
Leaflet.pattern

新增對路徑上圖案填充的支援。

Tyler Eastman
Leaflet.Photo

用於在地圖上顯示地理標記照片的 Leaflet 插件。

範例 Bjørn Sandvik
Leaflet-polygon-fillPattern-canvas

擴展 Polygon 物件以使用影像圖案填充 canvas 元素。效能優於 SVG 渲染。可以提高大數據的渲染效能。

bgx1012
Leaflet.Polyline.Arrugator

從來源 CRS(座標參考系統)重新投影折線,使其看起來像曲線。旨在更好地顯示任意 CRS 中光柵影像的邊界框。

範例 Iván Sánchez
Leaflet Polyline Offset

L.Polyline 添加使用相對像素偏移進行移動的功能,而無需修改其實際的 LatLng。偏移值可以是負值或正值,分別表示左側或右側偏移,並且在縮放級別中保持不變。

範例 Benjamin Becquet
Leaflet.PolylineDecorator

允許您沿著折線或座標路徑繪製圖案(如虛線、箭頭或均勻間隔的標記)。

範例 Benjamin Becquet
Leaflet.RepeatedMarkers

在環繞地球時顯示標記,經度每 360 度顯示一次。

範例 Iván Sánchez
Leaflet.River

在地圖上繪製具有不同寬度(如河流)的線條。當您想要在地圖上顯示河流如何「流動」時非常有用。

範例 Grigory Golikov
Leaflet Rotated Marker

允許在 Leaflet 中旋轉標記圖示。

範例 Benjamin Becquet
Leaflet.RoughCanvas

Leaflet.RoughCanvas 渲染手繪、草圖風格的向量地圖(折線、多邊形、geojson)。

範例 haoming
Leaflet.SpeechBubble

彈出一個帶有箭頭的語音泡泡,該箭頭跟隨點、圖層、標記等。

範例 Sylvain BRISSY
leaflet-spline

基於 Leaflet.Curve 建構,leaflet-spline 根據一系列地理坐標繪製二次 貝茲曲線

範例 Seth Lutske
Leaflet.Sprite

在標記中使用基於精靈的圖示。

Calvin Metcalf
Leaflet.StarCircle

在 leaflet 中繪製三角形、正方形、星形(n 角)。

範例 Haelue
Leaflet.streetlabels

一個 Leaflet 插件,用於顯示沿著折線路徑的標籤。yakitoritabetai Leaflet.LabelTextCollision 的延伸。

範例 3Maps
Leaflet.SvgShapeMarkers

添加對其他 SVG 標記類型的支援,例如三角形、菱形和正方形。

範例 Rowan Winsemius
Leaflet Swoopy

一個用於建立可自訂的掃射箭頭註釋的插件。

範例 webkid
Leaflet.TextPath

允許您沿著折線繪製文字。

範例 Mathieu Leplatre
leaflet-tracksymbol2

一個用於在地圖上顯示軌跡(三角形符號)和 AIS 聯絡的插件。

這是更新的版本

範例 ARL
Leaflet Truesize

一個用於建立投影感知可拖曳多邊形和折線的插件。

範例 webkid
Leaflet.VectorMarkers

Leaflet 的向量 SVG 標記,並具有 Font Awesome/Twitter Bootstrap 圖示的選項。

Mathias Schneider
Leaflet.Viewpoint

顯示具有多個方向的 circleMarker。可用於顯示從一個點拍攝的照片。

範例 Grigory Golikov
leaflet-ais-tracksymbol

用於 leaflet-tracksymbol 的 AIS 擴展。它在地圖上顯示 AIS 聯絡。

Johannes Rudolph
leaflet-ais-tracksymbol-search

為您的 Leaflet 地圖和您的 leaflet-ais-trackymbol 添加一個搜尋框

Johannes Rudolph
Leaflet-arrowheads

允許使用者快速在折線上繪製箭頭以進行向量視覺化。

範例 Slutske22
leaflet-choropleth

擴展 L.geoJson 以添加等值線圖視覺化(基於值的顏色刻度)。

範例 Tim Wisniewski
leaflet-corridor

以米為單位而非像素為單位渲染具有固定寬度的折線。根據縮放級別調整寬度。

範例 Mikhail Shilkov
leaflet-distance-markers

允許沿路線 (L.Polyline) 以相等距離顯示標記(例如,每英里一個)。

範例 Doroszlai, Attila
leaflet-icon-pulse

使用 CSS 渲染脈衝圖示。它可以應用於位置標記。

範例 mapshakers
leaflet-labeled-circle

特殊類型的 SVG 標記,內部帶有標籤,並且可以在錨點周圍拖曳。

範例 Alexander Milevski
leaflet-layervisibility

使用方法擴展 L.Layer 和 L.LayerGroup 以隱藏/顯示圖層,而無需移除/重新添加它們。

範例 Philipp Loose
leaflet-mapkey-icon

基於 mapkeyicons 的一組製圖字體圖示。

範例 mapshakers
leaflet-marker-direction

顯示路徑和標記的方向。

範例 Jack Zou
leaflet-place-groups-picker

Leaflet 地圖的插件,允許將地點分組,並且可以切換這些群組的可見性。

damianc
leaflet-polycolor

為每個折線段著色。

範例 Olivier Gasc
leaflet-polygon.fillPattern

擴展 Polygon 物件以使用影像圖案填充 SVG Path 元素。

範例 CloudyBay
Leaflet-semicircle

L.Circle 添加繪製半圓的功能。

Jieter
leaflet-simplestyle

擴展 L.geoJSON 以支援 簡單樣式規格。

範例 Rowan Winsemius
Leaflet-SVGIcon

一個簡單且可自訂的 SVG 圖示,沒有外部依賴項。還包括一個便利的標記類和兩個範例子類別。

範例 Ilya Atkin
leaflet-usermarker

用於在地圖上繪製表示使用者(或多個使用者)的標記的插件,支援繪製精確度圓。可以在 Longitude.me 上看到實際應用。

Jonatan Heyman
OSM Buildings

用於在 Leaflet 之上視覺化 3D OSM 建築幾何體的絕佳 JS 庫。

範例 Jan Marsch

覆蓋圖層動畫

這些插件會為標記或某些幾何圖形加入動畫。另請參閱 具有時間或高度的幾何圖形

外掛程式描述範例維護者
Leaflet.AnimatedMarker

沿著折線為標記加入動畫。

Aaron Ogle
Leaflet.AntPath

Leaflet.AntPath 將流動動畫(如螞蟻行走)放入折線中。

範例 Rubens Pinheiro
Leaflet.BounceMarker

將標記添加到地圖時,使其彈跳。

範例 Maxime Hadjinlian
Leaflet.Marker.SlideTo

將標記平滑移動(滑動)到新位置。

範例 Iván Sánchez Ortega
Leaflet.MarkerPlayer

一個用於沿折線為標記加入動畫的插件,具有取得/設定進度的能力。

範例 0n3byt3
leaflet.motion

在您的折線上添加簡單的運動,並在線頭中帶有標記。

範例 Igor Vladyka
Leaflet.MoveMarker

用於建立移動標記動畫以及軌跡折線動畫。

範例 I Kadek Teguh Mahesa
Leaflet.MovingMarker

允許沿折線以自訂持續時間移動標記。

範例 Ewoken
Leaflet.Path.DashFlow

為線條和圓形加入 dashArray 動畫,以建立基本流動效果。

範例 Iván Sánchez Ortega
Leaflet.Polyline.SnakeAnim

為(多條)線條加入動畫以使其出現,如同從頭到尾緩慢繪製一樣。

Iván Sánchez Ortega
Leaflet.Radar

雷達扇區掃描動畫

範例 cygis2011
Leaflet.Rain

Leaflet 的可自訂 WebGL 雨水動畫。適用於氣象圖。

範例 Grigory Golikov
Leaflet.SmoothMarkerBouncing

Leaflet 的標記彈跳平滑動畫。

範例 Alexei KLENIN
Leaflet.Snow

Leaflet 的可自訂 WebGL 雪動畫。適用於氣象圖。

範例 Grigory Golikov
Leaflet.TrackPlayer

一個 Leaflet 軌跡播放插件,該插件會根據實際行進方向自動旋轉標記圖示,並動態調整已行進和未行進距離的顏色,以清楚地指示目前進度。它還支援自訂設定,例如行駛速度和其他功能。

範例 Jun Wei
Leaflet.TransitionedIcon

使用 CSS 轉換在標記中轉換/退出。它支援抖動以錯開標記進入視圖,以防止視覺超載。

範例 Brian Reavis
leaflet-point-animator

為大量 GeoJSON 點加入動畫。

範例 danwild
leaflet-temporal-geojson

GeoJSON 功能的彈性動畫。

範例 danwild

群集/去雜亂

當您顯示大量資料時,這些插件將使您的地圖看起來更乾淨。

外掛程式描述範例維護者
Leaflet.ConditionalLayer

一個 FeatureGroup,在可視區域中顯示的標記數量不超過一定數量。

範例 EPP
Leaflet.Deflate

當線條和多邊形的螢幕尺寸在較低的縮放級別中變得太小時,將其縮減為標記。

Oliver Roick
Leaflet.DonutCluster

一個輕量級獨立的 Leaflet 插件,在使用 Leaflet 標記群集時,在地圖中顯示環形圖而不是圓形。

範例 Kalisio contributors
Leaflet.FeatureGroup.SubGroup

一個簡單的插件,用於建立功能群組,將其子圖層加入父群組。典型的用法是透過 L.Control.Layers 切換它們,以動態地從 Leaflet.markercluster 中新增/移除標記群組。

範例 ghybs
Leaflet.GridCluster

即時建立基於網格的叢集。

範例 Andreas Kiefer
Leaflet.inflatable-markers-group

一個替代優秀的 Leaflet 標記叢集插件的方案。這個插件給予標記兩種狀態:一種膨脹的正常狀態,和一種縮小的狀態,後者顯示較少資訊、佔用較少空間,用於整理地圖。

範例 Laurent Georget
Leaflet.LayerGroup.Collision

為標記群組提供碰撞偵測。與叢集不同,這會考量標記的形狀和大小。

範例 Iván Sánchez Ortega
Leaflet.LayerGroup.Conditional

根據任何條件控制群組中要顯示的圖層。例如,在較低的縮放級別顯示熱圖,在較高的級別顯示標記。

範例 Solfisk / Jørgen Elgaard Larsen
Leaflet.markercluster

美觀、精巧、高效能的標記叢集解決方案,具有流暢的動畫和許多出色的功能。推薦使用!

範例 Dave Leaver
leaflet-tooltip-layout

一個避免工具提示重疊的插件,更容易找出每個工具提示和標記之間的關係。

範例 Zijing Peng
Overlapping Marker Spiderfier

以 Google Earth 的靈感方式處理重疊的標記,透過點擊將它們優雅地彈開。

範例 George MacKerron
PruneCluster

快速且即時的標記叢集函式庫。

範例 Antoine Pultier
q-cluster

具有 D3 分類的快速點叢集函式庫。

範例 Nicholas Hallahan

熱圖

這些插件從向量資料建立熱圖和類似熱圖的可視化效果。

外掛程式描述範例維護者
HeatCanvas

基於 HTML canvas 的簡單熱圖 API。

範例 Sun Ning
heatmap.js

基於 HTML canvas 的熱圖 JavaScript 函式庫。它的 Leaflet 圖層實作支援大型資料集,因為它是基於圖磚的,並使用四叉樹索引來儲存資料。

範例 Patrick Wied
Leaflet divHeatmap

基於 CSS 和 divIcons 的輕量級且多功能的熱圖圖層

Daniele Piccone
Leaflet.heat

一個微小、簡單且快速的 Leaflet 熱圖插件。在底層使用 simpleheat,此外還將點叢集到網格中以提高效能。

範例 Vladimir Agafonkin
Leaflet.SmoothPolygons

在底層使用 paperJS 在 canvas 上繪製路徑。

範例 Sanchez Weezer
Leaflet-Solr-Heatmap

一個 Leaflet 插件,用於從 Solr 的熱圖分面 渲染熱圖和叢集。對於數百萬個點或多邊形具有高效能。

Jack Reed
MaskCanvas

可用於可視化覆蓋範圍的 Canvas 圖層。

範例 Dominik Moritz
WebGL Heatmap

使用 WebGL 的高效能 Javascript 熱圖插件。

範例 Benjamin J DeLong

資料視覺化

用於資料可視化的強大多用途函式庫。

外掛程式描述範例維護者
geogrid.js

顯示由 ISEA3H 離散全球網格系統聚合的資料。例如,可以使用 Measures REST(一個用於傳遞由網格聚合的資料的框架)或 geogrid(一個用於在您想要手動聚合資料時處理網格的函式庫)來傳遞資料。

F.-B. Mocnik,
jquery-storymap

一個 jQuery 插件,在使用者滾動瀏覽段落時顯示多個地圖位置。

範例 Atle Frenvik Sveen
Leaflet.Canvas-Flowmap-Layer

一個 LeafletJS 自訂地圖圖層,用於繪製物件、想法、人員等的流動,並在 HTML canvas 上使用貝茲曲線渲染。

範例 Jacob Wasilkowski
Leaflet.D3SvgOverlay

用於 D3 函式庫的 SVG 覆蓋類別。支援縮放動畫和縮放,而無需重新繪製圖層。

範例 Kirill Zhuravlev
Leaflet Data Visualization Framework

新的標記、圖層和實用類別,可輕鬆進行主題地圖繪製和資料可視化。

Scott Fairgrieve
leaflet-dataclassification

為 GeoJSON 資料提供單步驟資料分類、符號和圖例建立,支援主題地圖。

範例 Dániel Balla
Leaflet for R

允許從 R 程式中使用 Leaflet,R 是一種廣泛用於統計分析和資料探勘的程式語言。

範例 RStudio team
Leaflet.Gleo

Gleo 渲染器嵌入為 Leaflet 圖層。Gleo 是一個通用的物件導向 WebGL 製圖渲染函式庫。

範例 Iván Sánchez Ortega
Leaflet.glify.layer

Leaflet.glify 插件的附加元件,提供更多 Leaflet 慣用的繫結。為 GeoJSON FeatureCollection 提供快速的 WebGL 渲染(目前僅限於多邊形、線條和點)。

範例 onaci
Leaflet.glify

使用 WebGL 快速渲染大型 (+100MB) GeoJSON 資料集。

範例 robertleeplummerjr
antv/l7-leaflet

使用 L7 大型 WebGL 驅動的地理空間資料可視化分析引擎,增強 Leaflet 大規模地理空間資料可視化

範例 lzxue
leaflet.migration

此插件將圖層新增到 leaflet,顯示遷徙、飛行線。使用者可以自訂標記、線條、彈出視窗等。

範例 Kakaka Hou
leaflet.migrationLayer

leaflet.migrationLayer 用於顯示遷徙資料,例如人口、飛行、車輛、交通等等。在地圖上進行資料可視化。

範例 Sylvenas
Leaflet.PixiOverlay

一個用於使用 Pixi.js 繪製和動畫的 Leaflet 覆蓋類別。

範例 Manuel Baclet
Leaflet.Quadtree

Leaflet.Quadtree 用於檢索給定邊界內的 可見資料。

範例 ibesora
leaflet-echarts

一個 Leaflet 插件,用於載入 echarts 地圖,並使大數據可視化更容易。

範例 wandergis
leaflet-partition

以不同的方式將區域劃分為多個部分,例如 Voronoi(三角剖分)和六邊形鋪磚。

範例 locknono
leaflet-velocity

使用 leaflet 可視化速度圖層。

範例 Dan Wild
mapbox-gl-leaflet

從 Mapbox GL JS 到 Leaflet API 的繫結

範例 Tom MacWright
Mapstats

一個用於在地圖上顯示和監控(無線)網路的 Leaflet 插件。

範例 Jirka Klír
RaphaelLayer

允許您使用 Raphael 作為 Leaflet 地圖上的圖層,以進行進階動畫和可視化。

Dynamic Methods

與幾何圖形/功能互動

以下插件使使用者能夠與覆蓋資料互動:編輯幾何圖形、選擇區域或功能、與時間維度互動、搜尋功能並顯示有關它們的資訊。

編輯幾何圖形

允許使用者建立、繪製、編輯和/或刪除點、線條和多邊形。

外掛程式描述範例維護者
Leaflet-Geoman

用於 Leaflet 1.0 和更高版本的幾何管理。繪製、編輯、拖曳、切割、旋轉、分割、縮放、測量、對齊和釘選圖層,例如標記、圓形標記、折線、多邊形、圓形、矩形、影像覆蓋、圖層群組、GeoJSON、多線字串和多邊形。支援多邊形中的孔洞、canvas 模式等。

範例 Sumit Kumar
Leaflet.Clipper

允許對兩個多邊形進行聯集、差集、互斥或和交集運算。

範例 will Farrell
L.Control.PaintPolygon

像 Paint[筆刷] 一樣用圓形筆刷繪製您的多邊形。包含 turf.js 相依性。

Thibault Coupin
Leaflet.DraggableLines

透過拖放操作在路線、線條和多邊形上新增/移動/移除點。

範例 Candid Dauth
Leaflet.draw.svg

Leaflet.Draw 的插件,允許在 leaflet 地圖上新增/移動/移除自訂 SVG 檔案。它允許將 SVG 定義為 XML 文字,並將其轉換為 SVG 物件,該物件可以由 leaflet 顯示為可編輯的功能。

範例 Robin Massink
Leaflet.draw

透過非常友好的使用者介面,使用圖示和提示,啟用繪製功能,例如折線、多邊形、矩形、圓形和標記。

Jacob Toye
Leaflet.Editable.Polyline

可編輯的折線:移動現有點、新增點和分割折線。

範例 Tomo Krajina
Leaflet.Editable

輕量級、完全可自訂和可控制的繪圖/編輯插件。

範例 Yohan Boniface
Leaflet.EditableHandlers

一組插件,包括圓形編輯、測量工具和多邊形邊的標籤。

Kartena
Leaflet.FreeDraw

受 Zoopla 啟發,使用 Leaflet.js 和 D3 建立手繪多邊形。

範例 Wildhoney
Leaflet.Illustrate

Leaflet.draw 的擴展,讓使用者可以直接在地圖上輸入註解。

範例 Justin Manley
Leaflet.MapPaint

專為觸控裝置設計的點陣圖繪圖插件。

範例 Antoine Pultier
Leaflet.Path.Drag

多邊形和折線的拖曳處理常式和互動。

範例 Alexander Milevski
Leaflet.Path.Transform

多邊形和折線的縮放和旋轉處理常式和互動。

範例 Alexander Milevski
Leaflet.Pather

L.Pather 是一個手繪折線建立器,可簡化折線的可變性。需要 D3 支援。

範例 Wildhoney
Leaflet.Pin

在用 Leaflet.Draw 繪製或編輯功能時,啟用將標記附加到其他圖層的功能。

範例 Konrad Klimczak
Leaflet.plotter

leaflet-plotter 允許您使用 leaflet 支援的地圖建立路線。您可以點擊中間點以建立新的、可拖曳的點。

範例 Nathan Mahdavi
Leaflet.SegmentEdit

Leaflet.draw 的擴展,允許一次編輯大型折線的一個區塊。

範例 Lemaf
Leaflet.SimpleMarkers

一個用於新增和刪除標記的輕量級 Leaflet 插件。

Jared Dominguez
Leaflet.Snap

啟用將可拖曳的標記對齊到折線和其他圖層的功能。

範例 Mathieu Leplatre
Leaflet.Storage

建立/更新/刪除地圖、標記、多邊形、折線...並透過 API 將它們公開給後端儲存。

Yohan Boniface
Leaflet.StyleEditor

啟用透過 GUI 編輯功能(線條、多邊形等)和標記的樣式。

範例 Dennis Wilhelm
Leaflet.trace

擴展 Leaflet.draw 以新增一組新工具,允許使用者選取 L.geoJSON 線條來追蹤或將標記對齊到該線條。

範例 Alex Gilvarry
Leaflet-Craft

擴展 Leaflet.FreeDraw 並提供諸如復原-重做、刪除標記、多邊形動態區域計算、各種掛鉤/事件和內建控制列等擴展功能。

範例 Sagarpreet Chadha
Terra Draw

Terra Draw 的 TerraDrawLeafletAdapter 允許使用者在 Leaflet 地圖上建立、選取和編輯各種幾何類型(點、線、多邊形等)。

範例 James Milner

時間與海拔

大多數資料是二維的(緯度和經度),但有些資料具有更多維度(高度和/或時間)。以下插件可協助使用者瀏覽這些額外維度。

外掛程式描述範例維護者
LeafletSlider-LocalTimeV2

LeafletSlider-LocalTimeV2 使您能夠動態地在地圖上新增和移除標記(沒有延遲),並使用 JQuery UI 滑桿以當地時間顯示日期範圍

範例 Carlos Charletti
leaflet-calendar

leaflet-calendar 允許您新增日曆選取器,並在選取日期時觸發自訂函式。

範例 Antonio Vida
Leaflet.Elevation

一個 Leaflet 插件,用於使用 d3 查看 GeoJSON 線條的互動式高度剖面。

範例 Felix Bache
Leaflet.Heightgraph

受 Leaflet.Elevation 的啟發,此 Leaflet 插件允許您查看儲存為 GeoJSON 的互動式高度剖面,並具有方便的功能,可將任意線段(例如表面類型或陡峭度類別)以自訂顏色可視化,這些顏色儲存在 GeoJSON 本身內作為屬性。

範例 Robin Boldt
Leaflet Hex Time Slider

使用 leaflet + d3.js 和 nouislider 的簡約時間滑桿,用於使用 geoJSON 檔案顯示時間序列資料。

範例 Albert Kochaphum
Leaflet.hotline

一個用於沿著折線繪製漸層的 Leaflet 插件。

範例 iosphere
Leaflet.TimeDimension

在 Leaflet 地圖上新增時間維度功能。

範例 ICTS SOCIB
Leaflet 時間軸控制項

不帶偏見的時間軸控制項,可協助您顯示時間序列資料。

範例 Michal Zimmermann
Leaflet.timeline

在地圖上使用時間軸滑桿和播放按鈕顯示任意 GeoJSON。

範例 Jonathan Skeate
Leaflet.timelineSlider

Leaflet 外掛程式,可建立具有使用者自訂功能的可自訂時間軸滑桿。

範例 Sol Vitkin
Leaflet 時間滑桿

Leaflet 時間滑桿讓您可以使用 JQuery UI 滑桿,在地圖上動態新增和移除標記。

範例 Dennis Wilhelm
Leaflet 地形

一套用於以閃電般的速度計算和視覺化地形資料(海拔、坡度、坡向)的工具。基於 Mapbox RGB 編碼的 DEM 圖磚。

範例 Seth Lutske
leaflet.TrackPlayBack

Leaflet 軌跡回放外掛程式,可以顯示和動態播放軌跡。

範例 linghuam
LeafletPlayback

播放與時鐘同步的時間戳記 GPS 軌跡。

範例 Nicholas Hallahan

搜尋與彈出視窗

搜尋疊圖並增強如何顯示有關它們的資訊的外掛程式。

外掛程式描述範例維護者
L.tagFilterButton

Leaflet 標記依標籤篩選

範例 Mehmet Aydemir
Leaflet.AnimatedSearchBox

一個簡單的 Leaflet 外掛程式,提供可摺疊的搜尋框。

範例 Luka Steinbach
Leaflet.GeoJSONAutocomplete

用於使用 GeoJSON 服務進行遠端搜尋的 Leaflet 自動完成功能。

範例 Yunus Emre Özkaya
Leaflet PinSearch

一個 Leaflet 外掛程式,用於可設定的搜尋列元件,在所有現有圖釘上具有自動完成功能。

範例 Ahmad El Mokahal
Leaflet.PopupMovable

此外掛程式使 L.Popup 可由使用者拖曳移動,並自動繪製引線。

範例 Yasuhiro Suzuki
Leaflet.RevealOSM

非常簡單但可擴展的 Leaflet 外掛程式,可在地圖點擊時顯示 OSM POI 資料。

Yohan Boniface
Leaflet.Rrose

一個用於邊緣案例的 Leaflet 外掛程式。當您想要在滑鼠懸停時顯示快顯視窗,而不是在點擊時顯示,並且當您靠近地圖邊緣時需要重新調整快顯視窗提示的方向時使用。

範例 Eric Theise
Leaflet Search

一個控制項,用於依圖層群組/GeoJSON 中的自訂屬性搜尋標記/要素位置。支援 AJAX/JSONP、自動完成和第三方服務

範例 Stefano Cudini
Leaflet Underneath

使用 Mapbox 向量圖磚資料尋找位置附近的有趣要素,以快速且頻寬有限的方式為圖磚圖層新增互動功能。

Per Liedman
Leaflet.utfgrid

為 Leaflet 提供 utfgrid 互動處理常式,佔用空間非常小。支援 Leaflet >= 1.0。包含基本的滑鼠懸停支援,以及從 UTFGrid 懸停時突出顯示要素的功能。

Dave Leaver
leaflet-custom-searchbox

一個 Google 地圖樣式的搜尋框,其中包含一個側邊面板滑桿控制項。

範例 A.D
leaflet-fusesearch

一個控制項,提供一個面板,使用輕量模糊搜尋 Fuse.js 在 GeoJSON 圖層中搜尋要素。

範例 Antoine Riche
Leaflet-gplaces-autocomplete

在地圖中新增 Google 地點搜尋

Michal Haták
leaflet-popup-modifier

允許使用者編輯快顯視窗的內容,或使用快顯視窗移除其來源標記。

Slutske22
leaflet-responsive-popup

無需移動地圖即可查看快顯視窗的內容。

範例 YaFred

區域/覆蓋圖層選取

這些外掛程式可協助使用者在地圖中選取疊圖或區域。

外掛程式描述範例維護者
Leaflet-Area-Selection

leaflet-area-selection 允許輕鬆在地圖上選取多邊形區域。

範例 B-Open
L.Control.LineStringSelect

快速 LineString(折線)部分選取工具:在複雜路徑中選取兩點之間的延伸範圍。

範例 Alexander Milevski
Leaflet.AreaSelect

一個固定位置、可調整大小的矩形,用於在地圖上選取區域。

範例 Jonatan Heyman
Leaflet.CheapLayerAt

允許查詢螢幕座標下方的圖層。

範例 Iván Sánchez Ortega
Leaflet.FeatureSelect

使用可設定的中心點標記,從 GeoJSON 圖層中選取任何幾何類型。

範例 Aaron Ogle
Leaflet GeoJSON 選取器

用於從互動式清單和地圖中的 GeoJSON 要素中進行選取的 Leaflet 控制項。

範例 Stefano Cudini
Leaflet.SelectAreaFeature

透過繪製區域在地圖上選取要素圖層。

範例 Sandro Pibia
leaflet-lasso

套索選取外掛程式。

範例 Jan Zak
Leaflet-Select-Polygons

Leaflet-Select-Polygons 允許選取多個多邊形,並調整基礎地圖視圖。

範例 Erick S Escalante Olano
Leaflet-Shades

一個可拖曳和調整大小的矩形,用於在地圖上選取區域,並在未選取的區域中建立灰色覆蓋。

範例 Mandy Kong

地圖互動

與地圖本身互動的新方式。

圖層切換控制

以下外掛程式會增強或延伸 L.Control.Layers

外掛程式描述範例維護者
L.switchBasemap

一個簡單的 Leaflet 外掛程式,用於切換底圖。

範例 clavijojuan
Leaflet.ActiveLayers

新增 L.Control.ActiveLayers,其功能是取得地圖上目前作用中的圖層。

vogdb
Leaflet.AutoLayers

自動從多個地圖伺服器提取圖層,並使用使用者控制的疊圖 zIndex 管理來組織/搜尋它們。

Alex Ebadirad
Leaflet.Basemaps

一個底圖選擇器,具有來自圖磚堆疊的預覽影像。 範例

範例 Brendan Ward
Leaflet 分類圖層

Leaflet 控制圖層延伸,適用於分類圖層群組

Robbie Trencheny
Leaflet.Control.Appearance

Control.Layers 的延伸,可以控制圖層的外觀,例如顏色、不透明度,並能夠移除疊圖。

Kanahiro Iguchi
Leaflet.Control.Layers.Tree

L.Control.Layers 延伸,支援基本圖層和疊圖的樹狀結構。簡單且高度可設定。

範例 Javier Jimenez Shaw
Leaflet 控制順序圖層

新增在圖層控制項中變更疊圖順序的功能。

Michael Salgado
Leaflet.GroupedLayerControl

支援將疊圖分組在一起的 Leaflet 圖層控制項。

範例 Ishmael Smyrnow
Leaflet.LayerTreeControl

一個 Leaflet 外掛程式,用於將多種類型的圖層分組到樹狀結構中。

範例 Ignacio Fagian
Leaflet.LayerTreePlugin

Leaflet 控制項允許開啟和關閉圖層,並以樹狀結構顯示它們。

範例 Alexander Arakelyan
Leaflet 面板圖層

Leaflet 控制圖層延伸,適用於圖層群組和圖示圖例

Stefano Cudini
Leaflet.SelectLayers

一個 Leaflet 外掛程式,新增一個新的控制項,以切換地圖上不同的圖層。新的控制項使用選取標籤取代 L.Control.Layers 選項按鈕面板。

vogdb
Leaflet.StyledLayerControl

一個 Leaflet 外掛程式,實作透過組織成類別或群組來管理和控制圖層。

範例 Davi Custodio
Leaflet.UniformControl

具有可設定樣式的核取方塊和選項按鈕的 Leaflet 圖層控制項。

範例 Chris Calip
Leaflet-IconLayers

Leaflet 控制項,將基本圖層顯示為小圖示。

範例 Alexander Zverev

互動式平移/縮放

變更使用者互動式移動地圖的方式。

外掛程式描述範例維護者
Leaflet.SyncView

Leaflet 的同步視圖控制項。專為 Drupal Leaflet 模組整合而設計。

範例 Wong Hoi Sing Edison
L.Control.ZoomBar

Leaflet 原生縮放控制項的延伸版本,具有首頁和縮放到區域按鈕。

範例 Elijah Robison
Leaflet.BorderPan

一個 Leaflet 外掛程式,可透過點擊地圖邊框來平移。

Sebastián Lara
Leaflet.BoxZoom

一個可見、可點擊的控制項,用於執行方塊縮放。

範例 Greg Allensworth
Leaflet.DoubleRightClickZoom

互動處理常式,可透過按兩下右鍵來啟用縮小。

範例 Mike O'Toole
Leaflet.DoubleTouchDragZoom

用於單指縮放的外掛程式。

範例 Peter C
Leaflet GameController

提供遊戲控制器的互動處理常式。

Antoine Pultier
Leaflet LimitZoom

外掛程式,可透過限制縮放或內插圖磚,將可用的縮放層級限制為指定的清單。

範例 Ilya Zverev
Leaflet.Pancontrol

一個簡單的平移控制項。

Kartena
Leaflet.twofingerZoom

用於觸控裝置的互動處理常式,可透過雙指點擊來啟用縮小。

Adam Ratcliffe
Leaflet.ZoomBox

一個輕量的縮放方塊控制項:在您想要縮放的區域周圍繪製一個方塊。

範例 Brendan Ward
Leaflet.ZoomEx

一個 Leaflet 外掛程式,可在地圖上顯示縮放控制項,並使用 CSS 自訂外觀和位置。

範例 mfhsieh
Leaflet.zoominfo

一個顯示目前縮放層級的縮放控制項。

範例 Flávio Carmo
Leaflet.ZoomLabel

一個簡單的縮放標籤控制項。

範例 Masashi Takeshita
Leaflet.ZoomPanel

Leaflet 的縮放控制面板。

範例 Shuhua Huang
Leaflet.zoomslider

一個縮放滑桿控制項。

範例 Kartena

書籤式平移/縮放

透過跳到預先定義/儲存的地點,變更使用者在地圖上移動的方式。

外掛程式描述範例維護者
Leaflet.ResetView

Leaflet 的重設視圖控制項。專為 Drupal Leaflet 模組整合而設計。

範例 Wong Hoi Sing Edison
Leaflet.Bookmarks

用於新增使用者建立的地圖書籤並在其中導航的控制項。

範例 Alexander Milevski
Leaflet.defaultextent

一個控制項,可返回地圖的原始開始範圍。類似於 HomeButton 小工具。

Alex Nguyen
Leaflet Locationlist

一個控制項,可在預先定義的位置和縮放之間跳轉。

Ivan Ignatyev
Leaflet 導覽工具列

Leaflet 控制項,用於簡單的返回、前進和首頁導覽。

範例 David C
Leaflet.RestoreView

使用 localStorage 儲存和還原地圖視圖。

範例 Mathieu Leplatre
Leaflet.ShowAll

一個控制項,可以顯示預先定義的範圍,同時儲存目前的範圍,以便跳回。

範例 Mor Yariv
Leaflet.viewcenter

一個簡單的控制項,新增一個按鈕以變更視圖,並縮放到選項中的預先定義值。

範例 Dariusz Pawlak
Leaflet.zoomhome

具有首頁按鈕的縮放控制項,用於重設視圖。

範例 Florian Brucker
leaflet-hash

用於透過 URL 雜湊來持久化地圖狀態和瀏覽歷程記錄的外掛程式。

範例 Michael Lawrence Evans
Leaflet-History

追蹤地圖移動和縮放位置的歷史記錄,類似於瀏覽器。

範例 Chris Scott
leaflet-view-meta

外掛程式控制項,顯示並持久化地圖視圖中繼資料、中心和邊界座標到 URL,以進行精確共用和視圖重建。

範例 rwev
leaflet-zoom-min

在縮放控制項中新增一個按鈕,讓您可以按一下縮放到地圖的最小縮放層級。

Alan Shaw

全螢幕控制項

允許以全螢幕模式顯示地圖。

外掛程式描述範例維護者
leaflet.fullscreen

另一個全螢幕按鈕控制項,但適用於使用 HTML Fullscreen API 的現代瀏覽器。

範例 Bruno B
Leaflet.fullscreen

一個使用 Fullscreen API 的全螢幕按鈕控制項。

範例 jfirebaugh
leaflet.zoomfs

一個全螢幕按鈕控制項。

Eli Dupuis

迷你地圖與同步地圖

一次顯示兩個地圖。其中一個的大小和縮放層級可能不同,可用作輔助導覽的迷你地圖。

外掛程式描述範例維護者
leaflet.WorldMiniMap

一個小型迷你地圖,在世界迷你地圖上顯示地圖視圖,以輔助導覽。

範例 M. Friedl
Leaflet.GlobeMiniMap

簡單的迷你地圖控制項,將 3D 地球儀放置在地圖的角落,並以主地圖的相同位置為中心。

範例 Chris Whong
Leaflet.layerscontrol-minimap

使用同步的迷你地圖延伸預設的 Leaflet 圖層控制項。

Jieter
Leaflet.MagnifyingGlass

讓您以另一個縮放層級顯示地圖的一小部分,無論是在固定位置還是連結到滑鼠移動,以產生放大鏡效果。

Benjamin Becquet
Leaflet.MiniMap

一個小型迷你地圖,以不同的比例顯示地圖,以輔助導覽。

範例 Robert Nordan
Leaflet.Sync

兩個地圖的同步視圖。

範例 Bjørn Sandvik
leaflet-clonelayer

複製 Leaflet 圖層,以允許在相同執行階段的不同地圖之間重複使用。

Jieter

測量

允許使用者測量距離或面積。

外掛程式描述範例維護者
Leaflet.LinearMeasurement

Leaflet 線性測量外掛程式,可建立沿著路徑具有遞增測量的折線。

範例 New Light Technologies
Leaflet 測量路徑

在路徑上顯示測量值;目前支援折線、多邊形和圓形。

範例 Per Liedman
Leaflet.MeasurePolygon

MeasurePolygon 讓您在繪圖時計算多邊形的面積和周長,非常直觀且具教學意義。

範例 Erick S. Escalante Olano
Leaflet.MeasureAreaControl

用於測量元素面積的控制項。

範例 Ondrej Zvara
Leaflet.MeasureControl

一個簡單的地圖距離測量工具(基於 Leaflet.Draw)。

範例 Makina Corpus
Leaflet.nauticscale

在 Leaflet 地圖上顯示航海比例尺。

Johannes Rudolph
Leaflet.PolylineMeasure

測量簡單線段以及複雜折線的大圓距離。

範例 PPete
Leaflet.QgsMeasure

Leaflet 控制項,用於在地圖上測量線段距離,如同 QGIS 的測量尺。

範例 Gabriel Russo
Leaflet.ScaleFactor

為 Leaflet 地圖顯示比例因子(例如 1:50,000)。

範例 Marc Chasse
leaflet-graphicscale

可配置且具動畫效果的圖形比例尺控制項。

範例 Kalisio contributors, Erik Escoffier
leaflet-measure

Leaflet 地圖的座標、線性及面積測量控制項。

LJA GIS
leaflet-reticle

Leaflet 控制項,加入一個由獨立計算的緯度和經度刻度組成的中心標線。

範例 rwev
leaflet-ruler

一個簡單的 Leaflet 外掛程式,用於測量點擊點之間的真實方位和距離。

範例 Goker Tanrisever

滑鼠座標

以不同方式顯示滑鼠游標下的地理座標。

外掛程式描述範例維護者
Leaflet Coordinates Control

捕獲滑鼠點擊並顯示其座標,並提供簡單的複製方式。

範例 Michal Zimmermann
Leaflet.Coordinates

一個簡單的 Leaflet 外掛程式,可檢視滑鼠的 LatLng 座標。使用者輸入時,也會檢視帶有座標彈出視窗的標記。

範例 Felix Bache
Leaflet.CoordProjection

在滑鼠移動時顯示座標,並根據給定的投影顯示。

範例 Edi Hasaj
Leaflet Copy Coordinates Control

與 Leaflet 搭配使用,可捕獲地圖上的滑鼠點擊,並顯示相關座標,並提供簡單的複製方式。(源自 zimmicz 的原始作品。主要為了提供 npm 功能而分叉。)

範例 Chaim Krause
Leaflet Location Picker

帶有迷你 Leaflet 地圖的簡單位置選擇器。

範例 Stefano Cudini
Leaflet.MapCenterCoord

一個 Leaflet 控制項,用於顯示地圖中心的座標,在觸控/行動裝置上特別有用。

範例 Xisco Guaita
Leaflet.Mapcodes

在滑鼠移動時顯示滑鼠指標的 Mapcode

範例 Martin Atukunda
Leaflet.mouseCoordinates

在方塊中顯示滑鼠座標。有多種格式可選:GPS、UTM、UTMREF / MGRS、QTH。

Johannes Rudolph
Leaflet.MousePosition.ts

一個完全可自訂的座標檢視器,以 TypeScript 編寫。您可以透過使用 JSX 建立自訂元件來變更此外掛程式的外觀。

範例 Yuuki Toriyama
Leaflet.MousePosition

一個簡單的 MousePosition 控制項,可顯示滑鼠指標的地理座標,當它在地圖上移動時。

Ardhi Lukianto
Leaflet.NACCoordinates

在滑鼠移動時顯示滑鼠指標的 NAC 座標。

Mahmood Dehghan

事件

這些外掛程式擴展了 Leaflet 的事件處理功能。

外掛程式描述範例維護者
L.DraggableEnhancer

修改預設的 L.Draggable 處理程式(負責地圖平移...),使其在其中一個地圖容器的父層具有預定義的處理程式(例如附加到「mousemove」事件的「event.stopPropagation()」)時正常運作。

Vincent Dechandon
L.Sleep

避免不必要的捲動捕獲。

範例 atstp
L.Spotlight

使用可自訂的形狀,動態醒目提示滑鼠游標附近的圖徵。

Isaac Boates
Leaflet.AlmostOver

當游標「幾乎」在圖層上方時,觸發滑鼠事件。

範例 Mathieu Leplatre
Leaflet.ClickTolerance

此外掛程式允許您增加畫布驅動圖層的點擊容差,使得可以增加向量圖層的可點擊區域,超出其可見範圍。當您的圖徵難以點擊時很有用。

Geoloep
Leaflet.ControlledBounds

受 Leaflet-active-area 的啟發,自動偵測地圖上未被任何地圖控制項覆蓋的最大區域,並將 setView、fitBounds、setZoom、getBounds 應用於該區域。

Iván Sánchez Ortega
Leaflet.Freezy

使用懸停以啟用或點擊以啟用,避免不必要的捲動捕獲。

範例 Martin Rubli
Leaflet.GestureHandling

將 Google 地圖手勢處理的基本功能帶入 Leaflet。防止使用者在捲動長頁面時被困在地圖上。

範例 Andy Marquis
Leaflet.OverIntent

新增一個新的 mouseintent 事件,與 mouseover 不同,因為它反映了使用者瞄準特定圖層的意圖。

範例 Mathieu Leplatre
Leaflet Touch Helper

透過新增透明、更大的觸控表面,讓粗手指在小型顯示器上更容易觸摸向量疊加層。

範例 Per Liedman
Leaflet.VisualClick

當使用者點擊/輕觸地圖時新增視覺回饋。當伺服器請求延遲或 Leaflet.singleclick 的實作延遲時很有用。僅在 Leaflet 1.0.0-beta1 上測試。

範例 Dag Jomar Mersland
Leaflet-active-area

此外掛程式允許您使用地圖的一小部分作為活動區域。所有定位方法(setView、fitBounds、setZoom)都將應用於此部分,而不是整個地圖。

範例 Mappy
singleclick

擴充 L.Evented 以觸發 singleclick 事件。僅與 Leaflet 1.0.0-beta1 及更高版本相容。

範例 Iván Sánchez Ortega

使用者介面

按鈕、滑桿、工具列、側邊欄和面板。

外掛程式描述範例維護者
leaflet-multicontrol

Leaflet 外掛程式,用於實作具有多種功能的圖層控制,例如不透明度、色彩、置於最上層、置於最下層、縮放到圖層、刪除和圖例。

範例 Juan Camilo Clavijo Sandoval
L.cascadeButtons

一個用於建立階層式按鈕的 Leaflet 外掛程式。

範例 clavijojuan
L.Credits

一個簡單、有吸引力、互動式的控制項,可將您的標誌和連結放置在地圖的一角。

範例 Greg Allensworth
L.EasyButton

在程式碼中,新增一個帶有附加點擊事件的 Font Awesome 控制按鈕。

範例 atstp
Leaflet.BootstrapDropdowns

一個 Leaflet 外掛程式,用於顯示 bootstrap 下拉式選單

範例 mfhsieh
Leaflet.BootstrapZoom

使用 Twitter Bootstrap 樣式的按鈕覆蓋預設的縮放控制按鈕。

範例 Alexey Gusev
Leaflet.CondensedAttribution

一個歸屬外掛程式,可讓長屬性在懸停時可見。

範例 Targomo GmbH
Leaflet.contextmenu

Leaflet 的上下文選單。

範例 Adam Ratcliffe
Leaflet.Control.Custom

具有 HTML 元素的完全可自訂 Leaflet 控制面板。

範例 Yiğit Yüce
Leaflet.Control.Resizer

控制項,可在右側或底部調整地圖大小。

範例 Javier Jimenez Shaw
Leaflet.Control.Select

可自訂的選單式控制項。

範例 Adam Mertel
Leaflet.CoordinatedImagePreview

在地圖範圍內顯示協調的影像。

範例 Yunus Emre Özkaya
Leaflet.CountrySelect

控制項,其中包含所有國家/地區的選單,以及一個事件監聽器,會將選取的國家/地區作為 GeoJSON 圖徵傳回。

範例 Anika Halota
Leaflet.Dialog

一個簡單的可調整大小、可移動、可自訂的對話方塊。

範例 NBT Solutions
Leaflet.GeojsonLayerSwitcher

允許在 GeoJSON 圖層之間導覽、選取一些圖層並傳回選取項目。

範例 Easy-Mountain
Leaflet.HtmlLegend

一個簡單的 Leaflet 外掛程式,用於使用 HTML 元素建立圖例。

範例 Kaveh Karimi
Leaflet.Legend

顯示圖例符號並切換疊加層。

範例 JJ Jin
Leaflet.Messagebox

在地圖上顯示臨時文字訊息。

範例 Martijn Grendelman
Leaflet.Notifications

在您的地圖內產生快顯通知。

範例 Manuel Richter
Leaflet ResizableControl

一個 Leaflet 外掛程式,用於將可調整大小且可捲動的控制項新增至地圖。

範例 David Albrecht
leaflet-sidepanel

帶有索引標籤的側邊面板。保持簡短並查看外掛程式指南

範例 Maxwell Ilai
Leaflet.Signposts

使用方向箭頭和每個指定方向的點計數,引導使用者前往目前地圖檢視範圍外的點。

範例 William Low
Leaflet.SlideMenu

Leaflet 的簡單滑動選單。

範例 Masashi Takeshita
Leaflet.Slider

新增一個 <input type="range"> 滑桿,每次變更輸入時都會呼叫函式。

範例 EPP
Leaflet.Spin

使用 Spin.js 在地圖上顯示一個美觀的旋轉指示器,用於非同步資料載入,例如使用 Leaflet Ajax

範例 Mathieu Leplatre
Leaflet.TileLegend

為您的背景圖層建立圖示化和互動式圖例。

範例 Yohan Boniface
Leaflet.toolbar

Leaflet 地圖的彈性、可擴充工具列。

範例 Justin Manley
Leaflet Weather

一個 Leaflet 外掛程式,用於使用 OpenWeatherMap API 將天氣小工具新增至地圖。

範例 Osk
leaflet-blurred-location

一個基於 Leaflet 的介面,用於選擇「模糊」或低解析度的位置,以保護隱私。

範例 Public Lab
leaflet-blurred-location-display

在從遠端 API 提取資料時,巧妙地使用顏色編碼的熱圖和顏色編碼的標記來顯示「模糊」的位置。

範例 Public Lab
leaflet-control-window

在您的地圖中建立模態/非模態、可拖曳、反應靈敏、可自訂的視窗。

範例 mapshakers
leaflet-sidebar

一個反應靈敏的側邊欄外掛程式。

範例 Tobias Bieniek
leaflet-sidebar-v2

一個具有 HTML 和 JS API 的反應靈敏、帶有索引標籤的側邊欄。與舊版 (0.7) 和目前的 Leaflet 相容。

範例 Norwin Roosen
sidebar-v2

另一個反應靈敏的側邊欄外掛程式。這次帶有索引標籤!

範例 Tobias Bieniek

列印/匯出

列印或匯出您的地圖。

外掛程式描述範例維護者
Leaflet.BigImage

允許使用者下載具有可見地圖縮放版本的影像。

範例 Vasyl Pasichnyk (Oswald)
leaflet.browser.print

允許使用者直接從瀏覽器列印全頁地圖。

範例 Igor Vladyka
Leaflet.print

實作 Mapfish 列印協定,允許使用 Mapfish 或 GeoServer 列印模組來列印 Leaflet 地圖。

Adam Ratcliffe
Leaflet-easyPrint

一個簡單的外掛程式,會新增一個圖示以列印您的 Leaflet 地圖。

範例 Rowan Winsemius
Leaflet-image

使用 Canvas 和 CORS 從 Leaflet 地圖匯出影像,而無需伺服器元件。

範例 Tom MacWright
leaflet-route-print

自動列印路線(即折線)的 PDF,並使用一系列相同的矩形覆蓋路線,具有自訂比例、紙張大小和邊距。

範例 Herman Sletmoen

地理位置

擴充 Leaflet 地理定位功能的 外掛程式。

外掛程式描述範例維護者
Geolet

一個簡單但高度可自訂的 Leaflet 地理定位外掛程式。

範例 Ruben Holthuijsen
L.LocationShare

允許使用者傳送和接收帶有訊息的標記。

範例 atstp
Leaflet.AccuratePosition

Leaflet.AccuratePosition 旨在提供所需的裝置位置準確度。

範例 Michael Schmidt-Voigt
Leaflet Control Compass

一個 Leaflet 控制項外掛程式,用於建立一個簡單的旋轉羅盤。

範例 Stefano Cudini
Leaflet.Locate

一個可自訂的定位控制項。

範例 Dominik Moritz
Leaflet.SimpleLocate

一個 Leaflet 外掛程式,可在地圖上顯示裝置位置和方向,並根據螢幕旋轉調整方向。

範例 mfhsieh

雜項

地理處理

以下外掛程式會執行幾種地理處理(對點、線和多邊形進行數學和拓撲運算)。

外掛程式描述範例維護者
arc.js

一個用於繪製可與 Leaflet 搭配使用的大圓路線的 JS 程式庫。

Dane Springmeyer
Greiner-Hormann

Greiner-Hormann 演算法,用於多邊形剪裁和二進位運算,經過調整以與 Leaflet 搭配使用。

範例 Alexander Milevski
Leaflet.Antimeridian

一個外掛程式,允許多邊形和折線自然地跨越子午線(或國際日期線)繪製,而不是始終跨越格林威治子午線換行。

範例 Brianna Landon
Leaflet.buffer

啟用使用 Leaflet.draw 繪製的形狀的緩衝。

Jonathan Skeate
Leaflet.GeometryUtil

Leaflet 幾何圖形的實用工具集合(線性參考等)。

Benjamin Becquet
Leaflet.LayerIndex

使用 RTree.js 針對要素和圖層的高效空間索引。

範例 Mathieu Leplatre
Leaflet.UTM

一種將 L.LatLng 轉換為 UTM (WGS84) 及反向轉換的簡單方法。UTM 字串格式可輕鬆配置。它不依賴任何其他外掛程式或第三方。

範例 Javier Jimenez Shaw
Leaflet-pip

使用 point-in-polygon 進行簡單的點在多邊形計算。

範例 Tom MacWright
leaflet-spatial-prefix-tree

用於視覺化空間字首樹、四叉樹和地理雜湊的 Leaflet 外掛程式。

範例 Mapzen
Proj4Leaflet

Proj4js 整合外掛程式,讓您可以在 Leaflet 中使用各種奇怪的投影。

範例 Kartena

路徑規劃

以下外掛程式使用外部服務來計算開車或步行路線。

外掛程式描述範例維護者
Leaflet.Reachability

使用 openrouteservice 等時線 API,根據時間或距離顯示不同旅行模式的可達範圍。

範例 Trafford Data Lab
Leaflet RouteBoxer

這是 Google 的 RouteBoxer 類別的 Leaflet 實作。Leaflet RouteBoxer 類別產生一組 L.LatLngBounds 物件,保證涵蓋路徑指定距離內的所有點。

範例 Stephan Georg
Leaflet RouteToAddress

用於從自訂地址到固定地址的路線搜尋控制項。此外掛程式整合了一個簡單的地理編碼器,使用 OpenstreetMap Nominatim 按地址定位地點。非常適合在網站上描述「尋找前往我們的方式」的方向。預設使用 OSRM,但也支援Mapbox Directions API

範例 Astrid Günther
Leaflet.Routing.Amap

使用 AMap(高德地圖) 作為後端的路線搜尋控制項。支援中國 BD09 和 GCJ02 坐標系統、彩色線條和逐向彈出視窗。

範例 Jack Good
Leaflet Routing Machine

帶有途經點的路線搜尋控制項,顯示行程和替代路線。預設使用 OSRM,但也支援 GraphHopperMapbox Directions API 等。

範例 Per Liedman
Leaflet.Routing

Leaflet 控制器和介面,用於使用任何使用者提供的路線服務在航點之間路由路徑。

Norwegian Trekking Association
leaflet.TravelNotes

獨立應用程式,具有可編輯的標記和用於 Leaflet 的路線引擎。路線引擎具有 Mapbox、GraphHopper 和 OSRM 的外掛程式,可用於汽車、自行車或行人路線。

範例 Christian Guyette
Leaflet TripGo routing

TripGo 行動平台可讓您建立應用程式,使用任何公共、私人或商業運輸方式提供無縫且個人化的點對點行程。TripGo Leaflet 的外掛程式動機是在外部平台中提供一種簡單的方法來加入其功能。

範例 SkedGo
Targomo JS

Targomo 可視覺化從一組起點在給定時間內可到達的區域,並提供詳細的路線資訊(步行、自行車、汽車和公共運輸)到目標。

範例 Targomo GmbH

地理編碼

將地址或地點名稱轉換為緯度和經度(反之亦然)的外部服務。

外掛程式描述範例維護者
Esri Leaflet Geocoder

由 ArcGIS Online 地理編碼器支援的帶有建議的地理編碼控制項。

範例 Patrick Arlt
Geocoding from MapTiler

一個用於 Leaflet 的地理編碼和反向地理編碼外掛程式,利用 MapTiler 地理編碼 API,其中包括識別州、城市、街道,直到地址和 POI 層級。它支援各種語言的搜尋結果、按國家/地區限制、模糊匹配、自動完成等。

範例 M. Ždila | MapTiler
L.Highlight

一個外掛程式,新增使用 Nominatim 快速突出顯示街道和區域的功能。

範例 Maciej Kowalski
Leaflet.Autocomplete

Leaflet.Autocomplete 是擴充自動建議外掛程式,使其具有地理編碼和在地圖上顯示您認為需要的資料的功能。DEMO 是基於使用 OpenstreetMap Nominatim 按地址定位地點。可存取,並完全支援 ARIA 屬性和鍵盤互動。

範例 Grzegorz Tomicki
Leaflet Control Bing Geocoder

一個使用 Bing 定位地點的簡單地理編碼器控制項。您可能也對其分支 Leaflet Control Geocoder 感興趣。

範例 Samuel Piquet
Leaflet Control Geocoder

一個用於地理編碼和反向地理編碼的簡潔且可擴充的控制項。內建支援 Nominatim、Bing、MapQuest、Mapbox、What3Words、Google 和 Photon。易於擴充到其他提供者。

Per Liedman
Leaflet Control OSM Geocoder

一個使用 OpenstreetMap Nominatim 按地址定位地點的簡單地理編碼器。

範例 Karsten Hinz
Leaflet Geoapify Address Search

將由 Geoapify 支援的地址自動完成欄位新增到地圖。

範例 Geoapify
Leaflet GeoIP Locator

一個簡單的外掛程式,可讓您尋找 IP 位址的大概位置,並將地圖置中在該位置。

Jakub Dostal
Leaflet.Geonames

一個由 GeoNames 支援的輕量級地理編碼控制項。

範例 Brendan Ward
Leaflet GeoSearch

將地址搜尋/查找(又稱地理搜尋)帶入 Leaflet 的小型地理編碼外掛程式。
支援 Google、OpenStreetMap Nominatim、Bing、Esri 和 Nokia。易於擴充。

範例 Stephan Meijer
Leaflet LocationIQ Geocoder

一個外掛程式,新增使用 LocationIQ 搜尋(地理編碼)由 Leaflet 支援的地圖的功能。

範例 LocationIQ
Leaflet.OpenCage.Geocoding

一個使用 OpenCage 的地理編碼 API 進行正向或反向地理編碼的外掛程式。

範例 OpenCage
Leaflet.OpenCage.Geosearch

一個使用 OpenCage 的地理搜尋進行位置自動建議的外掛程式。

範例 OpenCage
Leaflet-search

一個具有自動完成/建議功能的搜尋控制項。支援 Nominatim、GeoNames、Here、TomTom 和 Kadaster (荷蘭)。

範例 Sjaak Priester
Pelias Leaflet Plugin

一個使用 Geocode Earth 或任何由 Pelias Geocoder API 支援的託管服務的地理編碼控制項。

範例 Lou Huang

外掛程式集合

跨越多個類別的外掛程式集。

外掛程式開發人員:請將未來的外掛程式保留在個別的儲存庫中。

外掛程式描述範例維護者
與 MapBBCode 相關的 Leaflet 外掛程式

用於各種功能的七個外掛程式,獨立於 MapBBCode 程式庫。從圓形和彈出視窗圖示到按鈕、圖層切換器、更好的搜尋和屬性。

Ilya Zverev
Pavel Shramov 的外掛程式

一組外掛程式,用於:GPX、KML、TOPOJSON 圖層;Bing 圖磚圖層;Yandex 圖層(使用其 API 實作)和永久連結控制項。

Pavel Shramov
Spectrum4Leaflet

用於將 Spectrum Spatial Server 服務與 Leaflet 搭配使用的工具。此外掛程式支援:地圖服務、圖磚服務、要素服務。它具有圖層、圖例和要素控制項。

SVoyt

整合

框架與建置系統

透過將 Leaflet 整合到開發框架中,或自動執行複雜應用程式的一些 javascript/CSS 工作,簡化您的開發。

外掛程式描述範例維護者
Angular Leaflet 指令

將 Leaflet 整合到使用 AngularJS 網頁框架製作的應用程式中。

範例 David Rubert
Django Leaflet

在您的 Django 專案中使用 Leaflet。包含管理整合、表單小工具、範本標籤等等!

Makina Corpus
ember-leaflet

使用 Leaflet 為 Ember.js 提供簡單且宣告式的對應。

Miguel Andrade
gwty-leaflet

一個用於 Leaflet 的 Java/GWT JsInterop 包裝器。它允許在 Java 中以與 javascript 腳本相同的方式使用 Leaflet。

Zakaria Amine
JSF2Leaf

一個用於 Leaflet 的 JavaServer Faces 包裝器。

Leonardo Ciocari
L.Control.BootstrapModal

使用地圖上的控制項觸發 Bootstrap 模態視窗。

Greg Allensworth
L.Control.jQueryDialog

使用地圖上的控制項觸發 jQuery UI 對話方塊/模態視窗。

範例 Greg Allensworth
Leaflet.a11y

用於 Leaflet 的可存取性和本地化/翻譯外掛程式。

範例 Nick Freear
Leaflet Control Angular

在您的 Leaflet 地圖中插入並使用 Angularized HTML 程式碼作為 Leaflet 控制項。

Grant Harris
Leaflet.CSS

從 JavaScript 中新增主要的 Leaflet CSS 檔案(或任何 CSS),不再需要條件註解。

範例 Calvin Metcalf
Leaflet.i18n

Leaflet 外掛程式的國際化。

Yohan Boniface
Leaflet.jsf

用於 Leaflet 的完整 Java Server Faces (JSF) 元件/包裝器。

Terra SI LLC.
Leaflet LayerConfig

提供一個 json 檔案或服務回應,其中包含圖層和標記的配置,以自動設定 Leaflet 用戶端。

Alexander Nossum
Leaflet Map Builder

它會從設定物件填入 Leaflet 地圖,也可以建立縮放、圖層、屬性繪圖控制項。

範例 Gherardo Varando
Leaflet 地圖元件

將 Leaflet 整合到使用 Polymer 0.5 網頁框架製作的應用程式中。

範例 Prateek Saxena
Leaflet Popup Angular

在您的 Leaflet 彈出視窗中使用 AngularJS。擴充內建的 L.popup。

範例 Grant Harris
Leaflet.translate

用於 Leaflet 核心和外掛程式的本地化/翻譯外掛程式。

此外掛程式包含翻譯/語言包檔案,以及載入它們的程式碼。

範例 Nick Freear
Leaflet Yeoman Generator

一個 Yeoman 產生器,會建立基本的 Leaflet 地圖應用程式。

範例 Moritz Klack
Leaflet ZoomLevel CSS Class

將縮放層級 CSS 類別新增到地圖元素,以便根據縮放層級輕鬆更新樣式

Dag Jomar Mersland
leaflet-defaulticon-compatibility

從 CSS 中擷取所有 Leaflet 預設圖示選項,特別是所有圖示影像 URL,以提高與修改 CSS 中 URL 的捆綁器和框架的相容性。特別是針對 webpack(帶有 style-、css-、file- 和 url-loader)、Rails Asset Pipeline 和 Django pipeline。應該解決與 issue Leaflet/Leaflet #4968 連結的所有使用案例。具有 webpack 的示範(以及不使用此外掛程式的示範)。

範例 ghybs
leaflet-geoserver-request

Leaflet 中的基本 geoserver 請求。目前支援 Leaflet 上的 wms、wfs、圖例、wmsImage 請求。

範例 Iamtekson
leaflet-map

將 Leaflet 整合到使用 Polymer >= 1.0 網頁元件框架製作的應用程式中。

範例 Hendrik Brummermann
leaflet-rails gem

此 gem 為您的 Rails 5 應用程式提供 leaflet.js 地圖顯示程式庫。RubyGems 上的 leaflet-rails

Akshay Joshi
meteor-leaflet

提供 Meteor 套件以快速建立即時跨平台地圖應用程式。

Bevan Hunt
ngx-leaflet

用於 Angular.io 的 Leaflet 元件和擴充功能。

Asymmetrik, Ltd.
react-leaflet

用於 Leaflet 地圖的 React 元件。

範例 Paul Le Cam
Tiny Leaflet Directive

用於 AngularJS 應用程式的 Tiny LeafletJS 地圖指令。

Martin Tesař
V-Leaflet

將 Leaflet 用作 Vaadin Java/HTML 框架的元件。

Matti Tahvonen
Vue2Leaflet

Vue2Leaflet 是一個用於 Vue.js 框架的 JavaScript 程式庫,它包裝了 Leaflet,使其易於建立反應式地圖。

範例 Mickaël KoRiGaN
YAGA leaflet-ng2

精細地整合到 Angular2/4 中。

YAGA 開發團隊

第三方整合

以下外掛程式將 Leaflet 整合到第三方服務或網站中。

外掛程式描述範例維護者
ABP Usermap MyBB

一個用於 MyBB 的外掛程式,基於 Open Street Map 和 Leaflet 建立使用者地圖,具有可自訂的彈出視窗和標記

CrazyCat
HA Map Card

一個基於 Leaflet 的 Home Assistant 地圖卡,它包含比股票地圖卡(也基於 Leaflet)更進階的功能。

Nathan Bijnens
Joomla! (3.x)
  • Agosm
    Joomla 模組不僅用於在 OpenStreetMap 地圖上顯示標記。
    Gibhub
  • Aggpxtrack
    Joomla 自訂欄位,用於在地圖上顯示 GPX 軌跡 - 您可以選擇 OpenStreetMap 或 Google 地圖。 提供多種選項。 例如:其中一個選項是海拔剖面圖。
    Gibhub
  • Agosmmapwithmarker
    自訂欄位,用於在前台顯示帶有標記的地圖 - 始終是適合內容的正確卡片。您可以在後台輸入地址。
    Gibhub
Astrid Günther
Leaflet Easymap

在您的 HTML 頁面中包含地圖,無需編寫任何程式碼。一個數據驅動的 Javascript 模組。

範例 Klaus Stein
Leaflet.EditInOSM

新增一個控制項,其中包含在主要 OSM 編輯器上開啟目前地圖視圖的連結。

範例 Yohan Boniface
Leaflet.Facebook

用於新增 Facebook 讚按鈕作為控制項的簡單外掛程式。

Marcin Wasilewski
Leaflet for Drupal

一個 Drupal (7.x 和 8.x) 模組,用於將 Leaflet 地圖整合到您的 Drupal 網站中。包含一個欄位格式化器,用於顯示包含地理空間數據的欄位地圖,Views 整合用於在地圖上繪製數據,以及一個輕量級且易於使用的 API。目前有超過 10,000 個網站正在使用。

Marzee Labs
Map Block Leaflet

一個基於 Leaflet 的新 WordPress 區塊編輯器區塊,它允許從視覺介面新增和自訂地圖。

Jesús Olazagoitia
Maps Marker Pro

一個 WordPress 外掛程式 / 綜合地理內容管理系統,允許使用者釘選、組織和分享他們最喜歡的地點和軌跡以及海拔圖表。它還整合了多個 Leaflet 外掛程式,例如 leaflet-bing-layer、leaflet-edgebuffer、leaflet-fullscreen、leaflet-gesture-handling、leaflet-minimap、leaflet.gridlayer.googlemutant、leaflet.locatecontrol、leaflet.markercluster 和 leaflet-geoman-free。

範例 Robert Harm
Maptiks

Web 地圖的分析平台。追蹤地圖活動、圖層載入時間、標記點擊等等!

Sparkgeo
WordPress Leaflet Map

互動式且靈活的短程式碼,可在文章和頁面中建立多張地圖,並在這些地圖上新增多個標記。

Benjamin J DeLong
Locations and Areas

WordPress 外掛程式,用於在單個地圖上展示廣泛分佈的地點,並為區域提供其他導航標籤。該地圖基於 Leaflet JS,並為您提供多種免費地圖樣式。包含 Gutenberg 區塊。

100plugins
WP MapIt

基於 Open Street Map 和 Leaflet 的易於使用的 WordPress 地圖外掛程式,具有自訂標記圖像、描述和連結。

Chandni Patel
Open User Map

WordPress 外掛程式,讓您的訪客可以直接從前台新增地點 - 無需註冊。他們在地圖上放置一個標記並提供一些地點詳細資訊。提交後,地點提案將處於「待定」狀態,並等待您的審核批准後發布。

範例 100plugins
WP-Trip-Summary

一個 WordPress 行程摘要外掛程式,可幫助旅遊部落客管理和顯示有關其火車行程以及騎自行車或徒步旅行的結構化資訊。

範例 Alexandru Boia
Yii2-locator

適用於 Yii2 PHP Framework 的 Leaflet 小工具。儲存在 ActiveRecord 中的地理數據可以在互動式地圖上顯示和更新。

範例 Sjaak Priester

開發您自己的外掛程式

Leaflet 保持簡潔。如果您能想到一個並非所有 Leaflet 使用者都需要的特性,並且您可以用可重複使用的方式編寫 JavaScript 程式碼,那麼您就已經擁有一個 Leaflet 外掛程式了。

如何建立自己的外掛程式沒有硬性規定,但鼓勵所有開發人員閱讀 外掛程式指南 中的建議。

一旦您的外掛程式準備就緒,您就可以提交它:只需在 /docs/_plugins/ 中,使用新的外掛程式檔案發送提取請求到我們的 GitHub 儲存庫即可。