プログラミングLeafletのプラグイン「Leaflet.VisualClick」を使うと、クリック・タップした場所から波紋をだし、視覚的にどこをクリック・タップしたか分かりやすくなります。地図を描画するまでの解説は、leaflet入門1に記載しています。GitHubからダウンロードできます。GitHub-Leaflet.VisualClickGitHubから取得したcss・jsファイルを以下のように配置します。jsファイルを読み込みます。設定はなく、css・jsファイルを読み込むと自動的に反映されます。オプションは、L.mapオブジェクト生成時に指定することができます。'desktop'});今回は、コメントアウトしていますが、それぞれのオプションの意味は以下になります。visualClickVisualClick自体の有効(true)/無効(false)を指定。指定しなくても有効になっています。場合は、’touch’pcの場合は、’desktop’ただし、VisualClickの内部処理で実行ブラウザを自動判定しているため、特に指定は必要ありません。実装することができました。3.その他のおすすめプラグインその他のイベント処理をカスタマイズするおすすめプラグインは、こちらに記載しています。Leaflet入門|おすすめプラグイン(イベント処理のカスタマイズ)すべてのおすすめプラグインは、こちらに記載しています。plugin関連記事Leaflet入門|おすすめプラグイン(メッセージ・ダイアログの表示)Leafletのプラグインで提供されている、地図上にメッセージ(ダイアログ)を表示するプラグインをまとめました。それぞれのプラグインのDemoと実装方法を記載しています。使用して、地図に円を描画します。円を描画するには、L.circleを使用します。記事を読むLeaflet入門|プラグインで矩形選択した箇所を拡大する(ZoomBar)leafletのプラグイン(ZoomBar)を使用して、地図上の矩形選択した箇所を拡大・地図を初期位置に戻すコントローラーを追加します。記事を読むLeaflet入門|プラグインでメッセージウィンドウを表示する(control-window)leafletのプラグイン(control-window)を使用して、地図にメッセージウィンドウを追加します。メッセージはHTMLで記述できるので、テキストだけではなく、リンクやボタンを使用することができます。記事を読むLeaflet入門|プラグインで地図を上下左右に動かすコントローラーを追加(Pancontrol)leafletのプラグイン(Pancontrol)を使用して、地図を上下左右に動かすコントローラーを追加します。使用して、ブラウザに地図を表示してみます。初心者の方にも分かりやすく解説しています。記事を読むLeaflet|マップのツールチップイベント一覧Leafletのマップ内で表示されるツールチップイベントの一覧を掲載しています。イベントは、ツールチップを開く、もしくは閉じる際に実行されます。Cookieの読み書きの方法についてのメモです。辞書型変数をJSON文字列としてCookieに保存する方法についても記載しています。記事を読むLeaflet入門|シングルクリックイベントを実装する(singleclick)Leafletのプラグイン「Leaflet.singleclick」を使って、シングルクリック時に任意の処理を行います。今回は、マップ全体とマーカーにシングルクリックイベントを実装する手順を記載しています。記事を読むLeaflet入門|プラグインでフルスクリーン表示の切り替え(leaflet.zoomfs)leafletのプラグイン(leaflet.zoomfs)を使用して、フルスクリーン表示の切り替えを行います。表示切り替え時のイベント登録を簡単に行うことができます。コメントをキャンセルメールアドレスが公開されることはありません。