Leaflet入門|おすすめプラグイン(42選)

Leafletのプラグインをまとめました。 Markerのカスタマイズや検索機能の追加など、全部で42のプラグインについて、Demoや実装方法を記載しています。

1.マーカーのカスタマイズ

Leaflet入門|おすすめプラグイン(マーカーのカスタマイズ)

アイコンを変更

Leaflet.Icon.Glyph
Leaflet.BeautifyMarkers
Leaflet.Extra-Markers
Leaflet.Awesome-Markers
Leaflet.VectorMarkers
leaflet-mapkey-icon

色を変更

leaflet.sprite

現在地マーカ

leaflet-usermarker
leaflet-icon-pulse

その他の効果(アニメーションなど)

leaflet.marker.highlight
Leaflet.BounceMarker

2.メニュー表示

Leaflet入門|おすすめプラグイン(メニュー表示)

Leaflet.SlideMenu
Leaflet.contextmenu
sidebar-v2
Leaflet.toolbar
leaflet-custom-searchbox

3.検索機能の追加

Leaflet入門|おすすめプラグイン(検索機能の追加)

leaflet-fusesearch
Leaflet Search
leaflet-custom-searchbox

4.位置情報の利用

Leaflet入門|おすすめプラグイン(位置情報の利用)

現在地にマーカーを表示

Leaflet.Locate

コンパスの表示

Leaflet Control Compass

位置情報の共有

L.LocationShare

5.ズーム処理のカスタマイズ

Leaflet入門|おすすめプラグイン(ズーム系)

矩形選択した場所を拡大

L.Control.BoxZoom
L.Control.ZoomBar

ズームレベルを制限

Leaflet.LimitZoom

地図上にズームレベルを表示

Leaflet.zoominfo
Leaflet.ZoomLabel

ズームレベルをスライダーで変更

Leaflet.zoomslider

ズームレベルを最小表示に変更

leaflet-zoom-min

6.緯度経度の表示

Leaflet入門|おすすめプラグイン(緯度経度の表示)

マウスカーソル地点の緯度経度を表示

Leaflet.MousePosition
Leaflet.Coordinates
Leaflet.NACCoordinates
Leaflet.mouseCoordinates

地図中心地点の緯度経度を表示

Leaflet.MapCenterCoord

クリックした地点の緯度経度を表示

Leaflet-Coordinates-Control

7.フルスクリーン表示

Leaflet入門|おすすめプラグイン(フルスクリーン表示)

leaflet.fullscreen
(モダンブラウザ向け)
leaflet.zoomfs

8.イベント処理のカスタマイズ

Leaflet入門|おすすめプラグイン(イベント処理のカスタマイズ)

マウスオーバーイベントのカスタマイズ

Leaflet.OverIntent

シングルクリックに任意の処理を定義

Leaflet.singleclick

クリックした場所を分かりやすく表示

Leaflet.VisualClick

9.メッセージ・ダイアログの表示

Leaflet入門|おすすめプラグイン(メッセージ・ダイアログの表示)

メッセージの表示(×ボタンでメッセージを消す)

Leaflet.Dialog
leaflet-control-window

メッセージの表示(自動的にメッセージが消える)

Leaflet.Messagebox
スポンサーリンク

シェアする

  • このエントリーをはてなブックマークに追加

フォローする