プログラミングLeafletのプラグイン「L.tagFilterButton」使用して、マーカーのフィルタリングを行うボタンを追加します。実装すると以下のようになります。拡大・縮小ボタンの下にフィルタボタンが追加されます。フィルタボタンをクリックすると、選択候補が表示されます。Demoはこちらです。地図を描画するまでの解説は、leaflet入門1に記載しています。本体と「Leaflet.EasyButton」プラグインの読み込みが必要になります。それぞれ、GitHubからダウンロードできます。単体での使い方は、こちらになります。tagsで設定したキーワードでフィルタリングすることができます。tagsは配列で定義するので、1つのマーカーに複数のキーワードを設定することができます。);}data:フィルタを行うキーワードを指定します。icon:フィルタボタンに使用するアイコン画像を指定します。これで、フィルタボタンを追加することができました。使うと簡単にフィルタボタンを追加することができました。マーカーをカテゴリ分けして表示・非表示を行う場合に最適ではないでしょうか。スポンサーリンクシェアするツイートフォローする関連記事Leaflet|Tooltipの使い方LeafletのTooltip(ツールチップ)の使い方についてまとめました。Tooltipの表示位置の変更(offset)や表示する方向の変更方法について記載しています。記事を読むLeaflet入門|プラグインでズームレベルを制限する(LimitZoom)leafletのプラグイン(LimitZoom)を使用して、ズームレベルを制限します。ズームレベルを制限することで目的のズームレベルに素早く切り替えることができます。記事を読むLeaflet入門|プラグインでマーカーをハイライト表示にする(marker.highlight)leafletのプラグイン(marker.highlight)を使用して、マーカーをハイライト表示にします。ハイライト表示は、常時もしくは、マウスオーバー時の2種類から指定することができます。記事を読むLeaflet|マップのマウス・タップイベント一覧Leafletのマップのイベント一覧をデモをまじえて掲載しています。ついて記載しています。記事を読むLeaflet|マウス(タッチ)でのマップ移動を無効にするLeafletのマップ上で、マウス(タッチ)でドラッグした際に、マップが移動しない方法を記載しています。記事を読むLeaflet|マップの中心を設定するLeafletのマップの中心を設定する方法について記載しています。記事を読むLeaflet入門|おすすめプラグイン(緯度経度の表示)Leafletのプラグインで提供されている、緯度経度を表示するプラグインをまとめてみました。それぞれのDemoと実装方法を記載しています。Geocoder」を使うと、住所から場所を検索することができます。本記事では、Demoと実装方法について記載しています。記事を読むLeaflet入門|プラグインでホームボタンを追加する(defaultextent)leafletのプラグイン(defaultextent)を使用して、地図を初期表示に戻すホームボタンを追加します。カスタムすることで自由にホームボタンクリック時の、中心座標・ズームレベルなどを変更することができます。記事を読むpydicom|DICOM画像を表示するpydicomを使って、DICOM画像を表示します。5行(改行含まず)で、画像が表示できます。コメントをキャンセルメールアドレスが公開されることはありません。