プログラミングLeafletのプラグインで提供されている、地図に検索機能を追加するプラグインをまとめました。検索機能を使うと、地図上のマーカーをキーワードで検索することができます。それぞれのDemoと実装方法を記載しています。Search(検索機能のみ)・leaflet-custom-searchbox(検索機能とスライドメニュー)2.各プラグインの詳細2−1.leaflet-fusesearchマーカーを特定のキーワードで検索することができます。検索方法は、前方一致検索です。このボタンをクリックすると、メニューが表示されます。Searchマーカーを特定のキーワードで検索することができます。検索方法は、前方一致検索です。2−3.leaflet-custom-searchboxこちらは、マーカーの検索機能に加え、メニューも表示することができます。検索すると地図の中心座標を変更します。3.まとめプラグインを使用して、検索機能を追加しました。検索機能は、マーカーが多いマップでは、必須の機能と思いますので、ぜひ使用してみてください。plugin関連記事Leaflet|矩形選択ズームの有効・無効の切り替えLeafletの矩形選択ズーム(シフトキーを押しながマップを選択)の有効・無効の切り替え方法について記載しています。記事を読むLeaflet入門|おすすめプラグイン(フルスクリーン表示)Leafletのプラグインで提供されている、地図をフルスクリーン表示するプラグインをまとめてみました。それぞれのDemoと実装方法を記載しています。記事を読むLeaflet入門|プラグインで地図を上下左右に動かすコントローラーを追加(Pancontrol)leafletのプラグイン(Pancontrol)を使用して、地図を上下左右に動かすコントローラーを追加します。記事を読むLeaflet入門|プラグインでホームボタンを追加する(defaultextent)leafletのプラグイン(defaultextent)を使用して、地図を初期表示に戻すホームボタンを追加します。カスタムすることで自由にホームボタンクリック時の、中心座標・ズームレベルなどを変更することができます。記事を読むLeaflet入門|プラグインでフルスクリーン表示の切り替え(leaflet.fullscreen)leafletのプラグイン(leaflet.fullscreen)を使用して、フルスクリーン表示の切り替えを行います。円グラフを表示するD3.js(version5)で円グラフを表示する方法について、デモや実際のコードを記載しています。記事を読むLeaflet|マップの拡大・縮小倍率を設定するLeafletのマップを拡大・縮小する際の倍率を設定する方法を記載しています。記事を読むLeaflet|ポップアップを閉じるタイミングを変更するLeafletのポップアップが表示されている状態で、マップをクリック(タップ)してもポップアップを閉じない(表示したまま)方法を記載しています。記事を読むLeaflet入門|おすすめプラグイン(緯度経度の表示)Leafletのプラグインで提供されている、緯度経度を表示するプラグインをまとめてみました。それぞれのDemoと実装方法を記載しています。記事を読むLeaflet入門|プラグインでメッセージウィンドウを表示する(control-window)leafletのプラグイン(control-window)を使用して、地図にメッセージウィンドウを追加します。メッセージはHTMLで記述できるので、テキストだけではなく、リンクやボタンを使用することができます。コメントをキャンセルメールアドレスが公開されることはありません。