Leaflet

モバイルフレンドリーなインタラクティブマップのための
オープンソースのJavaScriptライブラリ

Leafletプラグインデータベース

Leafletは可能な限り軽量であることを目指し、コア機能に焦点を当てていますが、その機能を拡張する簡単な方法は、サードパーティのプラグインを使用することです。Leafletを支える素晴らしいコミュニティのおかげで、文字通り何百もの素晴らしいプラグインから選択できます。



タイル&画像レイヤー

以下のプラグインを使用すると、さまざまなマップを読み込み、タイルおよび画像レイヤーに機能を提供できます。

ベースマッププロバイダー

すぐに使えるベースマップで、設定はほとんど不要です。

プラグイン説明デモメンテナー
Azure Maps Leafletプラグイン

Azure Mapsから利用可能なさまざまなタイルレイヤーを簡単に重ね合わせるためのleafletjsプラグイン。認証には、Azure MapsサブスクリプションキーまたはAzure Active Directoryの使用をサポートします。

デモ Ricky Brundritt
Bing Mapsレイヤー

Bing MapsタイルをLeafletマップに追加します。Leaflet v1.0.0.beta.2以降が必要です。

デモ Gregor MacLennan
Esri Leaflet

LeafletでArcGISサービスを使用するための一連のツール。マップサービス、フィーチャーレイヤー、ArcGIS Onlineタイルなどをサポートします。

Patrick Arlt
L.GridLayer.GoogleMutant

DOMミューテーションオブザーバー技術のおかげで、最小限のアーティファクトで)Googleマップを表示します。

デモ 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

さまざまな中国のタイルプロバイダー(TianDiTu、MapABC、GaoDeなど)の設定が含まれています。

デモ 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

複数の北極極投影でOSMデータを使用した無料のタイルプロバイダーであるArcticWebMapからタイルを表示するためのJavaScriptライブラリ。他のLeafletプラグインとのより深い統合のための低レベルAPIが含まれています。

GeoSensorWeb Lab
SuperMap Leaflet

SuperMap Leafletは、SuperMapサービスタイプを操作するためのLeafletプラグインです。SuperMapサービス、タイルなどをサポートします。

デモ SuperMap

ベースマップ形式

一般的な(ただしデフォルトではない)形式でベースマップまたはGISラスターレイヤーをロードするためのプラグイン。

プラグイン説明デモメンテナー
azgs-leaflet

フィルタリングを備えたWFS-GeoJSONレイヤー、GeoJSONのホバーコントロール、Esriタイルレイヤーなど、Leaflet用の一連の小さなプラグイン。

AZGS
cartodb-leaflet

Leafletの公式CartoDBプラグイン。

Vizzuality
GeoRasterLayer

設定可能な解像度で、大小のGeoTIFFファイルを表示します。シンプルさとパフォーマンスのために構築されました。GeoBlaze、JavaScriptラスター分析ライブラリと統合されています。

デモ Daniel J. Dufour
L.TileLayer.WMTS

Leaflet用のシンプルなWMTSタイルレイヤープラグイン。

デモ Alexandru Calin
Leaflet.bpg

.bpg画像形式のデコードを備えたTileLayer。

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ポーランド)の追加。

デモ Geoportal Poland
Leaflet.TileLayer.MBTiles

.mbtilesタイルセットをロードします。

デモ Iván Sánchez
leaflet.TileLayer.WMTS

リーフレットのWMTS(IGN)レイヤーを追加します。

Alexandre Melard
leaflet.wms

シングルタイル/タイルなしレイヤー、共有WMSソース、GetFeatureInfoによるレイヤー識別など、Leafletの拡張WMSサポート。

デモ S. Andrew Sheppard
Leaflet-2gis

2GISタイルレイヤーのサポートを追加します。

デモ Eugene Mikhalev
leaflet-geotiff

geoTIFFファイルからのラスターデータを、画像または方向矢印として表示します。ラスターはクライアントでスタイルを設定してクエリを実行できます。オプションのクリッピングマスクを適用して、たとえばDEMを陸地領域に制限できます。

デモ Stuart Matthews
leaflet-tilejson

TileJSON仕様のサポートをLeafletに追加します。

Per Liedman
TileLayer.GeoJSON

GeoJSONタイルのTileLayer。

Glen Robertson

マップ以外のベースレイヤー

マップをロードしたくない場合もあります。カスタムの大きな画像だけが必要です。本当に大きなものです。

プラグイン説明デモメンテナー
Leaflet.TileLayer.IIP

LeafletでIIPImageレイヤーのサポートを追加します。

デモ Emmanuel Bertin
leaflet-fractal

2Dキャンバスを使用して、いくつかのフラクタル(マンデルブロ集合、ジュリア集合など)をレンダリングします。

デモ Alexander Parshin
Leaflet-IIIF

LeafletのIIIF(International Image Interoperability Framework)ビューアー。

デモ Jack Reed
leaflet-rastercoords

gdal2tiles-leafletで生成された大きなタイル画像をレンダリングします。画像ラスター座標を使用して、マーカーなどを設定できます。

デモ Commenthol
TileLayer.DeepZoom

DeepZoom画像のTileLayer。

Al Farisi
TileLayer.Gigapan

Gigapan画像のTileLayer。

Dan Sherman
TileLayer.Zoomify

Zoomify画像のTileLayer。

デモ Bjørn Sandvik

タイル/画像表示

以下のプラグインは、マップ内のタイルまたは画像レイヤーの表示方法を変更します。

プラグイン説明デモメンテナー
Leaflet.Control.DetailLevel

zoomOffsetをリアルタイムで変更することにより、網膜(hdpi)解像度よりも高い解像度でタイルを表示します。ズームレベル間でマップスタイルが大幅に変化するマッピングソースに役立ちます。zoomOffsetを増やしすぎると、表示されるタイルの数がzoomOffsetとともに指数関数的に増加するため、ブラウザの速度が低下します。

デモ Wessel Valkenburg
Leaflet.Control.Opacity

複数のタイルレイヤーを透過にします。

デモ Yasunori Kirimoto
Leaflet.Control.SideBySide

2つのマップオーバーレイを比較するための分割画面を追加するLeafletコントロール。

デモ Digital Democracy
Leaflet.DistortableImage

Leafletマップ上で画像を拡大、回転、歪めることをユーザーに許可します。

デモ Public Lab
Leaflet.DistortableVideo

Leafletマップ上でビデオを拡大、回転、歪めることをユーザーに許可します。

デモ Roni Karilkar
Leaflet.ImageOverlay.Arrugator

4つの制御点とproj4js投影関数が与えられた、再投影されたImageOverlayを表示します。

デモ Iván Sánchez Ortega
Leaflet.ImageOverlay.Rotate

3つの制御点が与えられた、回転、拡大縮小、傾斜(ただしラバーシート処理ではない)されたImageOverlayを表示します。

デモ 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

リーフレットマップペインに回転機能を追加します。

デモ Raruto
Leaflet.TileLayer.Canvas

タイルをキャンバス要素としてレンダリングします。

GIAP
Leaflet.TileLayer.ColorFilter

マップタイルにCSSフィルターを適用するためのシンプルで軽量なLeafletプラグイン。

デモ Cláudio Kawakani
Leaflet.TileLayer.Colorizr

RGBAコードで色を変更できるLeaflet TileLayer。

Hinrich Riedel
Leaflet.TileLayer.ColorPicker

getColor(latLng)を備えたLeaflet TileLayer。

デモ Yuzo Matsuzawa
Leaflet.TileLayer.GL

タイルレイヤー内の各タイルにカスタムWebGLシェーダーを適用します。

デモ Iván Sánchez
Leaflet.TileLayer.GLColorScale

指定されたカラースケールに従って、WebGLを使用して浮動小数点ピクセルを着色するTileLayer。

デモ David Schneider
Leaflet.TileLayer.GLOperations

WebGL TileLayer:浮動小数点ピクセルの着色、ピクセル値のマウスイベントハンドラー、陰影処理、等高線、遷移、フィルター処理、および複数のレイヤーでの計算を実行します。

デモ Thorbjørn Horgen
Leaflet.TileLayer.Mask

マスク効果を備えたTileLayer。

デモ Yuzo Matsuzawa
Leaflet.TileLayer.PixelFilter

RGBコードでピクセルをフィルター処理および置換できるTileLayer。

デモ GreenInfo Network
TileLayer.BoundaryCanvas

任意の多角形境界でタイルレイヤーを描画できます。HTMLCanvasはレンダリングに使用されます。

Alexander Parshin
TileLayer.Grayscale

グレースケール化された通常のTileLayer。

Ilya Zverev

タイル読み込み

以下のプラグインは、タイルレイヤーがマップに読み込まれる方法を変更します。

プラグイン説明デモメンテナー
Leaflet.EdgeBuffer

Leaflet 1.0のビューポートの端を超えてタイルをバッファリングします。

デモ Alex Paterson
Leaflet.FeatureGroup.LoadEvents

"loading"イベントと"load"イベント(v0.7.*用)をサポートするFeatureGroup

デモ 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 Not Foundエラー)を、低いズームレベルから拡大した同等のタイルで置き換えます。

デモ 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

Papa Parseを使用して読み取ったCSVファイルなど、多数の高度にカスタマイズ可能なマーカーを表示するためのLeafletプラグイン。

デモ mfhsieh
Leaflet.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

コーディングなしでWebマップを作成するためのQGISプラグイン。

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ポストリクエストを介して自動更新されるGeoJSONデータレイヤーを追加します。

Benjamin VADANT

合成オーバーレイ

これらのプラグインは、ロードを必要とせずに、ゼロから役立つオーバーレイを作成します。

プラグイン説明デモメンテナー
L.OS.Graticule

英国のOrdnance Survey(OS)1kmグリッドスクエアとラベルをオーバーレイします。

Jon Shutt
Leaflet.AutoGraticule

緯度と経度の線のグリッドを描画し、現在のズームレベルに合わせてスケールを自動的に調整します。

デモ Candid Dauth
Leaflet.EdgeScaleBar

Webメルカトル投影でマップの上端と右端に沿ってスケールバーを作成します。

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

緯度と経度の線のグリッドを描画します。

Bjørn Sandvik
leaflet.latlng-graticule

Canvasを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 Earthマップにタイムゾーンをオーバーレイします。

デモ DJ

データプロバイダー

サードパーティサービスからオーバーレイデータをロードします。 ベースマッププロバイダープラグインコレクションも参照してください。

プラグイン説明デモメンテナー
Leaflet.dbpediaLayer

Wikipediaからの関心のあるポイントのレイヤー。DBpediaのSPARQLエンドポイントからajax経由でロードされます。

Kr1
Leaflet.FreieTonne

FreieTonneの航海機能を使用したオーバーレイ。

デモ Candid Dauth
Leaflet.GeographPhotos

Geograph Britain and Irelandの地理的写真を、そのAPIを使用してインタラクティブなオーバーレイに表示します。

デモ 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

ArcGIS Server、Arc2Earth、GeoIQ、CartoDB、GIS Cloudなどのさまざまな地理Webサービスからベクターレイヤーを簡単に作成できます。

Jason Sanford
leaflet-environmental-layers

使いやすいLeafletライブラリでさまざまな環境マップレイヤーのコレクション。

デモ Public Lab
leaflet-radar

Leaflet用のアニメーション付き衛星気象レーダーオーバーレイ。

デモ rwev
Leaflet-Wikipedia

マップレイヤーにWikipedia APIエントリを表示するleafletプラグイン。

デモ Matthew Barker
Windy-Leaflet-plugin

Windyの無料APIを使用して、アニメーション化された天気図をページに表示します。

デモ Windy.com

オーバーレイ表示

次のプラグインは、オーバーレイデータ情報を表示するための新しい方法を提供します。

マーカー&レンダラー

これらのプラグインは、新しいマーカーまたは抽象データを画面の画像に変換する新しい方法を提供します。GISに精通したLeafletユーザーは、これらをシンボライザーとも呼んでいます。

プラグイン説明デモメンテナー
L.Donut

外側と内側の半径を定義できるL.Circleの拡張機能。

デモ Falke-Design
Leaflet.Arc

このプラグインは、大円弧を作成するためのarc.js機能をラップするL.Polyline.Arc関数を追加します。

デモ Alexey Gusev
Leaflet.ArrowCircle

方向矢印付きの円を表示するマーカー拡張機能。

デモ R.A. Porter
Leaflet.Awesome-Markers

Font Awesomeアイコン/ Twitter Bootstrapアイコンに基づいた、カラフルで象徴的で網膜対応のマーカー

デモ Lennard Voogdt
Leaflet.BeautifyMarkers

画像なしでカラフルで象徴的なマーカーを追加し、エンドユーザーにスタイルを完全に制御できる(つまり、無制限の色とCSSスタイル)軽量プラグイン。

デモ Muhammad Arslan Sajid
Leaflet.bezier

アニメーション化された飛行オブジェクトを使用して、2点間にベジェ線を描画します。

デモ 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

より多くの図形、色、およびセマンティックUIをサポートする、Awesome-Markersの厚かましいコピー

デモ Cory Silva
Leaflet.Geodesic

測地線と円を描画します。測地線とは、地球表面上の2点間の最短経路のことです。最高の精度と距離計算のために、ビンセンティの公式を使用しています。TypeScriptで記述されており、CDN経由で利用可能です。

デモ Henry Thasler
Leaflet.geojsonCSS

Leaflet用のGeojson CSS実装。

デモ Alexander Burtsev
Leaflet.GeotagPhoto

カメラモードとクロスヘアモードの2つのモードを備えた、写真のジオタグ付け用プラグイン。

デモ Bert Spaan
Leaflet.GLMarkers

カスタムWebGLシェーダーを使用して、数千のマーカーを表示します(オプションでアニメーション化可能)。

デモ 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 icons、Elusive、その他のアイコンフォントのアイコンフォントグリフをマーカーで使用します。

デモ Iván Sánchez Ortega
Leaflet.IconEx

3つのカスタマイズ可能なレイヤーを持つDivIconを作成するLeafletプラグイン。

デモ mfhsieh
Leaflet.label

マップマーカーとベクターレイヤーにテキストラベルを追加します。

Jacob Toye
Leaflet.LabelTextCollision

ラベルの衝突を回避しながら、パス(ポリライン、ポリゴン、円)にラベルを表示します。

デモ Kenta Hakoishi
Leaflet.LineExtremities

SVGマーカーを使用して、ポリラインの端に記号を表示します。

デモ Frédéric Bonifas
Leaflet.magicMarker

ロード中にマーカーに魔法のようなアニメーション効果を追加します。

Sylvenas
Leaflet.MakiMarkers

MapBoxのMaki Iconsを使用してマーカーを作成します。

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

ポリゴンオブジェクトを拡張して、キャンバス要素を画像パターンで塗りつぶします。パフォーマンスは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度ごとに1回マーカーを表示します。

デモ 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は、一連の地理座標に基づいて2次ベジェスプラインを描画します。

デモ 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を表示します。1点から撮影した写真を表示するのに役立ちます。

デモ 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)に沿って、等間隔(たとえば、1マイルあたり1つ)でマーカーを表示できます。

デモ 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

ポリゴンオブジェクトを拡張して、SVGパス要素を画像パターンで塗りつぶします。

デモ CloudyBay
Leaflet-semicircle

半円を描画するためにL.Circleに機能を追加します。

Jieter
leaflet-simplestyle

L.geoJSONを拡張して、シンプルなスタイル仕様をサポートします。

デモ Rowan Winsemius
Leaflet-SVGIcon

外部依存関係のない、シンプルでカスタマイズ可能なSVGアイコン。便利なマーカークラスと2つの例のサブクラスも含まれています。

デモ 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

子レイヤーを親グループに追加するFeature Groupを作成するためのシンプルなプラグイン。一般的な使用法は、L.Control.Layersを介してそれらを切り替えて、Leaflet.markerclusterからマーカーのグループを動的に追加/削除することです。

デモ ghybs
Leaflet.GridCluster

リアルタイムでグリッドベースのクラスターを作成します。

デモ Andreas Kiefer
Leaflet.inflatable-markers-group

最も優れたLeafletマーカークラスタープラグインの代替。このプラグインはマーカーに2つの状態を与えます。1つは膨らんだ通常の状態、もう1つは情報が少なく、占有スペースが少なく、マップをデクラッタするために使用される収縮した状態です。

デモ 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を使用してキャンバスにパスを描画します。

デモ Sanchez Weezer
Leaflet-Solr-Heatmap

SolrのヒートマップファセティングからヒートマップとクラスターをレンダリングするLeafletプラグイン。数百万のポイントまたはポリゴンに対して高いパフォーマンスを発揮します。

Jack Reed
MaskCanvas

カバレッジの視覚化に使用できるキャンバスレイヤー。

デモ Dominik Moritz
WebGL Heatmap

WebGLを使用した高性能JavaScriptヒートマッププラグイン。

デモ Benjamin J DeLong

DataViz

データ視覚化のための強力な多目的ライブラリ。

プラグイン説明デモメンテナー
geogrid.js

ISEA3H離散グローバルグリッドシステムで集計されたデータを表示します。データは、例えば、Measures REST(グリッドで集計されたデータを配信するフレームワーク)またはgeogrid(手動でデータを集計する場合にグリッドを処理するためのライブラリ)を使用して配信できます。

F.-B. Mocnik,
jquery-storymap

ユーザーが段落をスクロールすると、複数の地図上の場所を表示するjQueryプラグイン。

デモ Atle Frenvik Sveen
Leaflet.Canvas-Flowmap-Layer

オブジェクト、アイデア、人などの流れをHTMLキャンバスにレンダリングされたベジェ曲線でマッピングするためのLeafletJSカスタムマップレイヤー。

デモ 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を使用できるようにします。

デモ RStudio team
Leaflet.Gleo

LeafletレイヤーとしてGleoレンダラーを埋め込みます。Gleoは、汎用オブジェクト指向のWebGL地図レンダリングライブラリです。

デモ Iván Sánchez Ortega
Leaflet.glify.layer

よりLeafletイディオム的なバインディングを提供するためのLeaflet.glifyプラグインのアドオン。GeoJSON FeatureCollections(現在、ポリゴン、ライン、ポイントに限定)の高速な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

echartsマップをロードし、ビッグデータ視覚化を容易にするためのLeafletプラグイン。

デモ wandergis
leaflet-partition

ボロノイ(三角分割)や六角形タイリングなど、さまざまな方法で領域を分割します。

デモ locknono
leaflet-velocity

Leafletで速度レイヤーを視覚化します。

デモ Dan Wild
mapbox-gl-leaflet

Mapbox GL JSからLeaflet APIへのバインディング

デモ Tom MacWright
Mapstats

マップ上の(ワイヤレス)ネットワークを表示および監視するためのLeafletプラグイン。

デモ Jirka Klír
RaphaelLayer

高度なアニメーションと視覚化のために、Leafletマップ上のレイヤーとしてRaphaelを使用できるようにします。

Dynamic Methods

ジオメトリ/フィーチャとのインタラクション

次のプラグインにより、ユーザーはオーバーレイデータとインタラクションできます。ジオメトリの編集、領域またはフィーチャの選択、時間軸とのインタラクション、フィーチャの検索、およびそれらに関する情報の表示。

ジオメトリの編集

ユーザーがポイント、ライン、ポリゴンを作成、描画、編集、および/または削除できるようにします。

プラグイン説明デモメンテナー
Leaflet-Geoman

Leaflet 1.0以降のジオメトリ管理。マーカー、サークルマーカー、ポリライン、ポリゴン、サークル、長方形、イメージオーバーレイ、レイヤーグループ、GeoJSON、マルチラインストリング、マルチポリゴンなどのレイヤーを描画、編集、ドラッグ、カット、回転、分割、スケール、測定、スナップ、ピンできます。ポリゴン、キャンバスモードなどの穴をサポートします。

デモ Sumit Kumar
Leaflet.Clipper

2つのポリゴンに対して、Union、Difference、Xor、Intersection操作を許可します。

デモ will Farrell
L.Control.PaintPolygon

ペイント[ブラシ]のように円ブラシでポリゴンを描画します。turf.jsの依存関係が含まれています。

Thibault Coupin
Leaflet.DraggableLines

ドラッグアンドドロップで、ルート、ライン、ポリゴンにポイントを追加/移動/削除します。

デモ Candid Dauth
Leaflet.draw.svg

Leaflet.Drawのプラグインで、LeafletマップにカスタムSVGファイルを追加/移動/削除できます。SVGをXMLテキストとして定義し、Leafletで編集可能なフィーチャとして表示できるSVGオブジェクトに変換できます。

デモ Robin Massink
Leaflet.draw

アイコンとヒントを備えた、非常に使いやすいインターフェースを介して、ポリライン、ポリゴン、長方形、円、マーカーなどのフィーチャの描画を有効にします。

Jacob Toye
Leaflet.Editable.Polyline

編集可能なポリライン:既存のポイントの移動、新しいポイントの追加、およびポリラインの分割。

デモ Tomo Krajina
Leaflet.Editable

軽量で完全にカスタマイズ可能で制御可能な描画/編集プラグイン。

デモ Yohan Boniface
Leaflet.EditableHandlers

円の編集、測定ツール、ポリゴンの辺のラベルなどを含むプラグインのセット。

Kartena
Leaflet.FreeDraw

Leaflet.jsとD3を使用したZooplaに触発されたフリーハンドポリゴンの作成。

デモ 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

一度に1チャンクずつ大きなポリラインを編集できるようにするLeaflet.drawの拡張機能。

デモ Lemaf
Leaflet.SimpleMarkers

マーカーを追加および削除するための軽量なLeafletプラグイン。

Jared Dominguez
Leaflet.Snap

ドラッグ可能なマーカーをポリラインやその他のレイヤーにスナップできるようにします。

デモ Mathieu Leplatre
Leaflet.Storage

マップ、マーカー、ポリゴン、ポリライン…を作成/更新/削除し、APIを使用してバックエンドストレージ用に公開します。

Yohan Boniface
Leaflet.StyleEditor

GUIを使用して、フィーチャ(ライン、ポリゴンなど)およびマーカーのスタイルを編集できるようにします。

デモ Dennis Wilhelm
Leaflet.trace

ユーザーがトレースするL.geoJSONラインを選択するか、マーカーをスナップできるツールセットを新たに追加するためにLeaflet.drawを拡張します。

デモ Alex Gilvarry
Leaflet-Craft

Leaflet.FreeDrawを拡張し、元に戻す-やり直す、マーカーの削除、ポリゴンの動的な面積計算、さまざまなフック/イベント、組み込みのコントロールバーなどの拡張機能を提供します。

デモ Sagarpreet Chadha
Terra Draw

Terra DrawのTerraDrawLeafletAdapterを使用すると、ユーザーはLeafletマップ上でさまざまなジオメトリタイプ(ポイント、ライン、ポリゴンなど)を作成、選択、編集できます。

デモ James Milner

時間&標高

ほとんどのデータは2次元(緯度と経度)ですが、一部のデータはより多くの次元(高度や時間など)を持っています。次のプラグインは、ユーザーがこれらの追加次元をナビゲートするのに役立ちます。

プラグイン説明デモメンテナー
LeafletSlider-LocalTimeV2

LeafletSlider-LocalTimeV2を使用すると、マップ上にマーカーを動的に追加および削除(ラグなし)し、JQuery UIスライダーを使用してローカル時間で日付範囲を表示できます。

デモ Carlos Charletti
leaflet-calendar

leaflet-calendarを使用すると、カレンダーピッカーを追加し、日付が選択されたときにカスタム関数をトリガーできます。

デモ Antonio Vida
Leaflet.Elevation

d3を使用して、GeoJSONラインのインタラクティブな高さプロファイルを表示するためのLeafletプラグイン。

デモ 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 Timeline Control

時系列データを表示するのに役立つ、偏りのないタイムラインコントロール。

デモ Michal Zimmermann
Leaflet.timeline

タイムラインスライダーと再生ボタンを使用して、マップ上に任意のGeoJSONを表示します。

デモ Jonathan Skeate
Leaflet.timelineSlider

ユーザーが設計した機能でカスタマイズ可能なタイムラインスライダーを作成するLeafletプラグイン。

デモ Sol Vitkin
Leaflet Time-Slider

Leaflet Time-Sliderを使用すると、JQuery UIスライダーを使用して、マップ上のマーカーを動的に追加および削除できます。

デモ Dennis Wilhelm
Leaflet Topography

マップボックス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を移動可能にし、自動的にリード線を描画します。

デモ 鈴木 康弘
Leaflet.RevealOSM

マップクリック時にOSM POIデータを表示するための、非常にシンプルで拡張可能なLeafletプラグイン。

Yohan Boniface
Leaflet.Rrose

エッジケースのためのLeafletプラグイン。クリックではなくマウスオーバーでポップアップを表示したい場合や、マップの端に近づくにつれてポップアップのヒントを再調整する必要がある場合に使用します。

デモ Eric Theise
Leaflet Search

LayerGroup/GeoJSON内のカスタムプロパティでマーカー/フィーチャの位置を検索するためのコントロール。AJAX/JSONP、オートコンプリート、サードパーティサービスをサポートします。

デモ Stefano Cudini
Leaflet Underneath

Mapbox Vector Tilesデータを使用して場所の近くにある興味深いフィーチャを検索し、速度と限られた帯域幅でタイルレイヤーにインタラクティブな機能を追加します。

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(ポリライン)部分選択ツール:複雑なパス内の2点間のストレッチを選択します。

デモ Alexander Milevski
Leaflet.AreaSelect

マップ上の領域を選択するための、固定位置でサイズ変更可能な長方形。

デモ Jonatan Heyman
Leaflet.CheapLayerAt

画面座標の下にあるレイヤーをクエリできます。

デモ Iván Sánchez Ortega
Leaflet.FeatureSelect

設定可能な中心点マーカーを使用して、GeoJSONレイヤーから任意のジオメトリタイプを選択します。

デモ Aaron Ogle
Leaflet GeoJSON Selector

インタラクティブなリストとマップで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 Categorized Layers

カテゴリ化されたレイヤーのグループ用に拡張されたLeaflet Control Layers

Robbie Trencheny
Leaflet.Control.Appearance

Control.Layersの拡張機能で、レイヤーの外観(色、不透明度)を制御したり、オーバーレイレイヤーを削除したりできます。

Kanahiro Iguchi
Leaflet.Control.Layers.Tree

ベースレイヤーとオーバーレイレイヤーの両方で、ツリー構造をサポートするL.Control.Layers拡張機能。シンプルで高度に設定可能です。

デモ Javier Jimenez Shaw
Leaflet Control Order Layers

レイヤーコントロールでオーバーレイの順序を変更する機能を追加します。

Michael Salgado
Leaflet.GroupedLayerControl

オーバーレイをグループ化するためのサポートを備えたLeafletレイヤーコントロール。

デモ Ishmael Smyrnow
Leaflet.LayerTreeControl

ツリー構造で複数のタイプのレイヤーをグループ化するLeafletプラグイン。

デモ Ignacio Fagian
Leaflet.LayerTreePlugin

レイヤーのオン/オフを切り替えたり、ツリー状に表示したりできるLeafletコントロール。

デモ Alexander Arakelyan
Leaflet Panel Layers

レイヤーのグループとアイコンの凡例のために拡張されたLeaflet Control Layers

Stefano Cudini
Leaflet.SelectLayers

マップ上の異なるレイヤーを切り替えるための新しいコントロールを追加するLeafletプラグイン。新しいコントロールは、L.Control.Layersラジオボタンパネルをselectタグに置き換えます。

vogdb
Leaflet.StyledLayerControl

カテゴリまたはグループに編成することによるレイヤーの管理と制御を実装するLeafletプラグイン。

デモ Davi Custodio
Leaflet.UniformControl

スタイリング可能なチェックボックスとラジオボタンを備えたLeafletレイヤーコントロール。

デモ Chris Calip
Leaflet-IconLayers

ベースレイヤーを小さなアイコンとして表示するLeafletコントロール。

デモ Alexander Zverev

インタラクティブパン/ズーム

ユーザーがマップをインタラクティブに移動する方法を変更します。

プラグイン説明デモメンテナー
Leaflet.SyncView

Leaflet用の同期ビューコントロール。Drupal Leaflet Module統合向けに設計。

デモ 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

1本指ズームのプラグイン。

デモ Peter C
Leaflet GameController

ゲームパッドのサポートを提供するインタラクションハンドラー。

Antoine Pultier
Leaflet LimitZoom

ズームを制限するか、タイルを補間することによって、利用可能なズームレベルを与えられたリストに制限するプラグイン。

デモ Ilya Zverev
Leaflet.Pancontrol

シンプルなパンニングコントロール。

Kartena
Leaflet.twofingerZoom

2本指タップでズームアウトを有効にするタッチデバイス用のインタラクションハンドラー。

Adam Ratcliffe
Leaflet.ZoomBox

軽量のズームボックスコントロール:ズームインしたい領域の周りにボックスを描画します。

デモ Brendan Ward
Leaflet.ZoomEx

CSSを使用してカスタマイズ可能な外観と位置で、マップにズームコントロールを表示するLeafletプラグイン。

デモ mfhsieh
Leaflet.zoominfo

現在のズームレベルを表示するズームコントロール。

デモ Flávio Carmo
Leaflet.ZoomLabel

シンプルなズームラベルコントロール。

デモ 竹下 将
Leaflet.ZoomPanel

Leafletのズームコントロールパネル。

デモ Shuhua Huang
Leaflet.zoomslider

ズームスライダーコントロール。

デモ Kartena

ブックマークされたパン/ズーム

事前に定義/保存された場所にジャンプすることにより、ユーザーがマップを移動する方法を変更します。

プラグイン説明デモメンテナー
Leaflet.ResetView

Leafletのリセットビューコントロール。Drupal Leaflet Module統合向けに設計。

デモ Wong Hoi Sing Edison
Leaflet.Bookmarks

マップ上でユーザーが作成したブックマークを追加およびナビゲートするためのコントロール。

デモ Alexander Milevski
Leaflet.defaultextent

マップの元の開始範囲に戻るコントロール。HomeButtonウィジェットに似ています。

Alex Nguyen
Leaflet Locationlist

事前定義された場所とズームの間をジャンプするためのコントロール。

Ivan Ignatyev
Leaflet Navigation Toolbar

シンプルな戻る、進む、ホームナビゲーションのための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フルスクリーンAPIを使用した、現代のブラウザー向けの別のフルスクリーンボタンコントロール。

デモ Bruno B
Leaflet.fullscreen

Fullscreen APIを使用したフルスクリーンボタンコントロール。

デモ jfirebaugh
leaflet.zoomfs

フルスクリーンボタンコントロール。

Eli Dupuis

ミニマップ&同期マップ

2つのマップを同時に表示します。それらのうちの1つは、サイズとズームレベルが異なり、ナビゲーションを支援するミニマップとして使用できます。

プラグイン説明デモメンテナー
leaflet.WorldMiniMap

ナビゲーションを支援するために、世界ミニマップにマップビューを表示する小さなミニマップ。

デモ M. Friedl
Leaflet.GlobeMiniMap

メインマップと同じ場所に中心を置いた3Dグローブをマップの隅に配置するシンプルなミニマップコントロール。

デモ Chris Whong
Leaflet.layerscontrol-minimap

同期されたミニマップでデフォルトのLeafletレイヤーコントロールを拡張します。

Jieter
Leaflet.MagnifyingGlass

固定位置またはマウスの動きにリンクして、別のズームレベルでマップの一部を小さく表示できるため、拡大鏡の効果が得られます。

Benjamin Becquet
Leaflet.MiniMap

ナビゲーションを支援するために、異なる縮尺でマップを表示する小さなミニマップ。

デモ Robert Nordan
Leaflet.Sync

2つのマップの同期されたビュー。

デモ Bjørn Sandvik
leaflet-clonelayer

同じランタイム内の異なるマップ間で再利用できるように、Leafletレイヤーを複製します。

Jieter

計測

ユーザーが距離や面積を測定できるようにします。

プラグイン説明デモメンテナー
Leaflet.LinearMeasurement

パスに沿って増分測定値を持つポリラインを作成するLeaflet線形測定プラグイン。

デモ New Light Technologies
Leaflet Measure Path

パス上の測定値を表示します。現在、ポリライン、ポリゴン、円がサポートされています。

デモ 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

Qgisルーラーのようにマップ上のセグメント距離を測定するためのLeafletコントロール。

デモ 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

マウスのLatLng座標を表示するシンプルなLeafletプラグイン。また、ユーザー入力に基づいて座標ポップアップ付きのマーカーを表示します。

デモ 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

マウス移動時にマウスカーソルのマップコードを表示します。

デモ 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

マップコンテナの親のいずれかが、たとえば「mousemove」イベントに添付された「event.stopPropagation()」などの定義済みハンドラーを持っている場合に、マップパンなどを担当するデフォルトのL.Draggableハンドラーが適切に機能するように変更します。

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

特定のレイヤーを狙うユーザーの意図を反映するため、mouseoverとは異なる新しいイベントmouseintentを追加します。

デモ 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

singleclickイベントを発生させるためにL.Eventedを拡張します。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

1行で、アタッチされたクリックイベントを使用してFont Awesomeコントロールボタンを追加します。

デモ atstp
Leaflet.BootstrapDropdowns

bootstrap dropdownsを表示するためのLeafletプラグイン。

デモ 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

HTML要素を使用して凡例を作成するためのシンプルなLeafletプラグイン。

デモ 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用のシンプルなスライドメニュー。

デモ 竹下 将
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

OpenWeatherMap APIを使用してマップに天気ウィジェットを追加するためのLeafletプラグイン。

デモ 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

もう1つのレスポンシブサイドバープラグイン。今回はタブ付き!

デモ Tobias Bieniek

印刷/エクスポート

マップを印刷またはエクスポートします。

プラグイン説明デモメンテナー
Leaflet.BigImage

ユーザーが、表示されているマップの拡大縮小バージョンを含む画像をダウンロードできるようにします。

デモ Vasyl Pasichnyk(Oswald)
leaflet.browser.print

ユーザーがブラウザから直接フルページのマップを印刷できるようにします。

デモ Igor Vladyka
Leaflet.print

Mapfishプリントプロトコルを実装し、LeafletマップをMapfishまたはGeoServerプリントモジュールを使用して印刷できるようにします。

Adam Ratcliffe
Leaflet-easyPrint

Leafletマップを印刷するためのアイコンを追加するシンプルなプラグイン。

デモ Rowan Winsemius
Leaflet-image

キャンバスと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

Leafletで使用するために適合された、ポリゴンのクリッピングとバイナリ演算のためのGreiner-Hormannアルゴリズム。

デモ 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を使用してアドレスで場所を特定するシンプルなジオコーダーを統合しています。Webサイトでの「私たちへの道順」の説明に最適です。デフォルトでは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コントローラーとインターフェースです。

ノルウェー・トレッキング協会
leaflet.TravelNotes

編集可能なマーカーとLeaflet用のルーティングエンジンを備えたスタンドアロンアプリです。ルーティングエンジンには、Mapbox、GraphHopper、OSRM用のプラグインがあり、車、自転車、歩行者のルートに使用できます。

デモ クリスチャン・ガイエット
Leaflet TripGo ルーティング

TripGoモビリティプラットフォームを使用すると、公共交通機関、私的交通機関、商業交通機関など、あらゆる交通手段を使用してシームレスでパーソナライズされたドアツードアの旅行を可能にするアプリを作成できます。TripGo Leafletのプラグインの動機は、その機能を外部プラットフォームに簡単に組み込む方法を提供することです。

デモ SkedGo
Targomo JS

Targomoは、指定された時間内に一連の出発地点から到達可能なエリアを可視化し、ターゲットへの詳細なルーティング情報(徒歩、自転車、車、公共交通機関)を提供します。

デモ Targomo GmbH

ジオコーディング

住所または場所の名前を緯度と経度(またはその逆)に変換する外部サービス。

プラグイン説明デモメンテナー
Esri Leaflet Geocoder

ArcGIS Onlineジオコーダーを搭載した提案機能付きジオコーディングコントロール。

デモ Patrick Arlt
MapTilerのジオコーディング

MapTiler Geocoding APIを利用したLeaflet用のジオコーディングおよび逆ジオコーディングプラグインです。州、市、通り、住所、POIレベルまで識別できます。さまざまな言語での検索結果、国別の制限、ファジーマッチング、オートコンプリートなどをサポートしています。

デモ M. ズディラ | MapTiler
L.Highlight

Nominatimを使用して、通りやエリアをすばやくハイライトする機能を追加するプラグインです。

デモ マチェイ・コワルスキー
Leaflet.Autocomplete

Leaflet.Autocompleteは、ジオコーディングを行い、必要な方法で地図上にデータを表示する機能を使用して、オートサジェストプラグインを拡張するためのものです。デモは、住所で場所を特定するためにOpenstreetMap Nominatimを使用することに基づいています。ARIA属性とキーボード操作を完全にサポートしており、アクセス可能です。

デモ グジェゴシュ・トミツキ
Leaflet Control Bing Geocoder

Bingを使用して場所を特定するシンプルなジオコーダーコントロールです。フォークであるLeaflet Control Geocoderにも関心があるかもしれません。

デモ サミュエル・ピケ
Leaflet Control Geocoder

ジオコーディングと逆ジオコーディングの両方に対応した、クリーンで拡張可能なコントロールです。Nominatim、Bing、MapQuest、Mapbox、What3Words、Google、Photonを組み込みでサポートしています。他のプロバイダーにも簡単に拡張できます。

Per Liedman
Leaflet Control OSM Geocoder

OpenstreetMap Nominatimを使用して、住所で場所を特定するシンプルなジオコーダーです。

デモ カーステン・ヒンツ
Leaflet Geoapify Address Search

Geoapifyを搭載した住所オートコンプリートフィールドを地図に追加します。

デモ Geoapify
Leaflet GeoIP Locator

IPアドレスのおおよその位置を特定し、その場所に地図の中心を移動できるようにするシンプルなプラグインです。

ヤクブ・ドスタル
Leaflet.Geonames

GeoNamesを搭載した軽量なジオコーディングコントロールです。

デモ Brendan Ward
Leaflet GeoSearch

アドレス検索/ルックアップ(別名ジオサーチ)をLeafletにもたらす小さなジオコーディングプラグインです。
Google、OpenStreetMap Nominatim、Bing、Esri、Nokiaをサポートしています。簡単に拡張できます。

デモ ステファン・マイヤー
Leaflet LocationIQ Geocoder

LocationIQを使用して、Leaflet搭載の地図を検索(ジオコード)する機能を追加するプラグインです。

デモ LocationIQ
Leaflet.OpenCage.Geocoding

OpenCageのジオコーディングAPIを順方向または逆方向のジオコーディングに使用するプラグインです。

デモ OpenCage
Leaflet.OpenCage.Geosearch

場所の自動提案にOpenCageのジオサーチを使用するプラグインです。

デモ OpenCage
Leaflet-search

オートコンプリート/提案機能を備えた検索コントロール。Nominatim、GeoNames、Here、TomTom、Kadaster(オランダ)をサポートしています。

デモ シャー・プリースター
Pelias Leaflet Plugin

Geocode EarthまたはPelias Geocoder APIを搭載したホストサービスを使用するジオコーディングコントロールです。

デモ ルー・ファン

プラグインコレクション

いくつかのカテゴリにまたがるプラグインのセット。

プラグイン開発者の皆様:今後のプラグインは個別のリポジトリに保存してください。

プラグイン説明デモメンテナー
MapBBCode関連のLeafletプラグイン

MapBBCodeライブラリとは独立したさまざまな機能のための7つのプラグイン。円形アイコンやポップアップアイコンから、ボタン、レイヤースイッチャー、より良い検索、帰属表示まで。

Ilya Zverev
パベル・シュラモフによるプラグイン

GPX、KML、TOPOJSONレイヤー、Bingタイルレイヤー、Yandexレイヤー(APIで実装)、およびパーマリンクコントロール用のプラグインのセット。

パベル・シュラモフ
Spectrum4Leaflet

Spectrum Spatial ServerサービスをLeafletで使用するためのツール。このプラグインは、マップサービス、タイルサービス、フィーチャーサービスをサポートしています。レイヤー、凡例、フィーチャーコントロールがあります。

SVoyt

統合

フレームワーク&ビルドシステム

開発フレームワークへのLeafletの統合、または複雑なアプリケーションのためのJavaScript/CSS作業の自動化により、開発を容易にします。

プラグイン説明デモメンテナー
Angular Leafletディレクティブ

AngularJS Webフレームワークで作成されたアプリケーションにLeafletを統合します。

デモ デイビッド・ルバート
Django Leaflet

DjangoプロジェクトでLeafletを使用します。管理統合、フォームウィジェット、テンプレートタグなどが含まれています!

Makina Corpus
ember-leaflet

Leafletを使用した、Ember.js用の簡単で宣言的なマッピング。

ミゲル・アンドラーデ
gwty-leaflet

LeafletのJava/GWT JsInteropラッパーです。JavaScriptスクリプトからと同じようにJavaでLeafletを使用できます。

ザカリア・アミン
JSF2Leaf

Leaflet用のJavaServer Facesラッパーです。

レオナルド・シオカリ
L.Control.BootstrapModal

マップ上のコントロールを使用してBootstrapモーダルをトリガーします。

Greg Allensworth
L.Control.jQueryDialog

マップ上のコントロールを使用してjQuery UIダイアログ/モーダルをトリガーします。

デモ Greg Allensworth
Leaflet.a11y

Leafletのアクセシビリティおよびローカリゼーション/翻訳プラグインです。

デモ ニック・フリーア
Leaflet Control Angular

Angular化されたHTMLコードをLeafletコントロールとしてLeafletマップに挿入して使用します。

グラント・ハリス
Leaflet.CSS

JavaScript内からメインのLeaflet CSSファイル(または任意のCSS)を追加します。条件付きコメントは不要になります。

デモ Calvin Metcalf
Leaflet.i18n

Leafletプラグインの国際化。

Yohan Boniface
Leaflet.jsf

Leaflet用の包括的なJava Server Faces(JSF)コンポーネント/ラッパー。

テラSI LLC。
Leaflet LayerConfig

レイヤーとマーカーの構成を含むjsonファイルまたはサービス応答を提供して、Leafletクライアントを自動的にセットアップします。

アレクサンダー・ノッサム
Leaflet Map Builder

構成オブジェクトからLeafletマップを生成します。また、ズーム、レイヤー、属性表示コントロールも作成できます。

デモ Gherardo Varando
Leaflet map component

Polymer 0.5 Webフレームワークで作成されたアプリケーションにLeafletを統合します。

デモ プラティーク・サクセナ
Leaflet Popup Angular

LeafletポップアップでAngularJSを使用します。組み込みのL.popupを拡張します。

デモ グラント・ハリス
Leaflet.translate

Leafletコアおよびプラグインのローカリゼーション/翻訳プラグイン。

このプラグインには、翻訳/言語パックファイルと、それらをロードするコードの両方が含まれています。

デモ ニック・フリーア
Leaflet Yeoman Generator

基本的なLeafletマップアプリケーションをスキャフォールディングするYeomanジェネレーター。

デモ モーリッツ・クラーク
Leaflet ZoomLevel CSS Class

ズームレベルに基づいて簡単にスタイルを更新できるように、ズームレベルのCSSクラスをマップ要素に追加します。

Dag Jomar Mersland
leaflet-defaulticon-compatibility

特に、CSS内のすべてのアイコン画像のURLなど、CSSからすべてのLeafletデフォルトアイコンオプションを取得して、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

Polymer >= 1.0 Webコンポーネントフレームワークで作成されたアプリケーションにLeafletを統合します。

デモ ヘンドリック・ブルーマーマン
leaflet-rails gem

このgemは、Rails 5アプリケーション用のleaflet.jsマップ表示ライブラリを提供します。RubyGemsのleaflet-rails

アクシャイ・ジョシ
meteor-leaflet

リアルタイムのクロスプラットフォームマップアプリをすばやく構築するためのMeteorパッケージを提供します。

ベヴァン・ハント
ngx-leaflet

Angular.io用のLeafletコンポーネントと拡張機能。

アシンメトリック株式会社
react-leaflet

Leafletマップ用のReactコンポーネント。

デモ ポール・ル・カム
Tiny Leaflet Directive

AngularJSアプリ用のTiny LeafletJSマップディレクティブ。

マルティン・テサージュ
V-Leaflet

Vaadin Java/HTMLフレームワーク用のコンポーネントとしてLeafletを使用します。

マッティ・タフボネン
Vue2Leaflet

Vue2Leafletは、Vue.jsフレームワーク用のJavaScriptライブラリであり、Leafletをラップして、リアクティブマップを簡単に作成できるようにします。

デモ ミカエル・コリガン
YAGA leaflet-ng2

Angular2/4への詳細な統合。

YAGA開発チーム

サードパーティ統合

次のプラグインは、LeafletをサードパーティサービスまたはWebサイトに統合します。

プラグイン説明デモメンテナー
ABP Usermap MyBB

MyBB用のプラグインで、カスタマイズ可能なポップアップとマーカーを使用して、Open Street MapとLeafletに基づいてユーザーの地図を作成します。

クレイジーキャット
HA Map Card

Leafletに基づいたHome Assistantマップカードで、ストックマップカード(同じくLeafletに基づいています)よりも高度な機能が含まれています。

ネイサン・バイネンス
Joomla! (3.x)
  • Agosm
    OpenStreetMapマップにマーカーを表示するだけでなく、Joomlaモジュール。
    Gibhub
  • Aggpxtrack
    地図上にGPXトラックを表示するためのJoomlaカスタムフィールド。OpenStreetMapまたはGoogleMapsを選択できます。多くのオプションがあります。例:1つのオプションは標高プロファイルです。
    Gibhub
  • Agosmmapwithmarker
    フロントエンドでマーカー付きの地図を表示するためのカスタムフィールド - 常にコンテンツに適したカードです。バックエンドに住所を入力できます。
    Gibhub
Astrid Günther
Leaflet Easymap

プログラミングを1行もせずに、HTMLページに地図を組み込みます。データ駆動型のJavaScriptモジュール。

デモ クラウス・スタイン
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-bing-layer、leaflet-edgebuffer、leaflet-fullscreen、leaflet-gesture-handling、leaflet-minimap、leaflet.gridlayer.googlemutant、leaflet.locatecontrol、leaflet.markercluster、leaflet-geoman-freeなどのいくつかのleafletプラグインも統合されています。

デモ 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に保存された地理データをインタラクティブマップに表示および更新できます。

デモ シャー・プリースター

自作プラグインの開発

Leafletはシンプルさを重視しています。すべてのLeafletユーザーが必要としない機能で、再利用可能な方法でJavaScriptコードを記述できる場合は、すでにLeafletプラグインを入手したことになります。

独自のプラグインを作成する方法に厳しい要件はありませんが、すべての開発者はプラグインガイドの推奨事項を読むことをお勧めします。

プラグインの準備が完了したら、提出できます。GitHubリポジトリの/docs/_plugins/に新しいプラグインファイルを含むプルリクエストを送信してください。