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 格式)。它包括一個 |
範例 | 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 |
載入 |
範例 | 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 |
範例 | 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 |
支援 |
範例 | 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 |
為 |
範例 | 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 |
為 |
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.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 |
新增一個新的 |
範例 | 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 |
擴充 |
範例 | Iván Sánchez Ortega |
使用者介面
按鈕、滑桿、工具列、側邊欄和面板。
列印/匯出
列印或匯出您的地圖。
外掛程式 | 描述 | 範例 | 維護者 |
---|---|---|---|
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,但也支援 GraphHopper、Mapbox 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 的小型地理編碼外掛程式。 |
範例 | 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) | 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 儲存庫即可。