Leafletのプラグインで提供されている、地図に検索機能を追加するプラグインをまとめました。
検索機能を使うと、地図上のマーカーをキーワードで検索することができます。
それぞれのDemoと実装方法を記載しています。
目次
１．プラグイン一覧
・leaflet-fusesearch（検索機能のみ）
・Leaflet Search（検索機能のみ）
・leaflet-custom-searchbox（検索機能とスライドメニュー）
２．各プラグインの詳細
２−１．leaflet-fusesearch
マーカーを特定のキーワードで検索することができます。
検索方法は、前方一致検索です。
このボタンをクリックすると、メニューが表示されます。
詳細な使用方法については、こちら に記載しています。
２−２．Leaflet Search
マーカーを特定のキーワードで検索することができます。
検索方法は、前方一致検索です。
詳細な使用方法については、こちら に記載しています。
２−３．leaflet-custom-searchbox
こちらは、マーカーの検索機能に加え、メニューも表示することができます。
Demoを表示
※test1 もしくは test2 で検索すると地図の中心座標を変更します。
詳細な使用方法については、こちら に記載しています。
３．まとめ
プラグインを使用して、検索機能を追加しました。
検索機能は、マーカーが多いマップでは、必須の機能と思いますので、ぜひ使用してみてください。