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形式)をロードしてスタイルを設定します。これには、 |
デモ | 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 |
|
デモ | 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 |
デモ | 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 |
|
デモ | 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 | デモ | 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 |
|
デモ | 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 |
半円を描画するために |
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 |
特定のレイヤーを狙うユーザーの意図を反映するため、 |
デモ | 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-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 |
|
デモ | 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を使用しますが、GraphHopper、Mapbox 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にもたらす小さなジオコーディングプラグインです。 |
デモ | ステファン・マイヤー |
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) | 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/に新しいプラグインファイルを含むプルリクエストを送信してください。