Control」を使って、マップにクリックした地点の緯度経度を表示します。実装すると以下のようになります。マップの左下に選択した地点の緯度経度が表示されます。地図を描画するまでの解説は、leaflet入門1に記載しています。GitHubからダウンロードできます。ControlGitHubから取得したcss・jsファイルを以下のように配置します。css・jsファイルを読み込みます。Controlの設定L.Control.Coordinatesオブジェクトを生成して、L.mapオブジェクトに追加します。L.Control.Coordinatesオブジェクトにはオプションも設定することができます。L.Control.Coordinates(options);cCtrl.addTo(map);オプションlatitudeText:表示する緯度のラベル名(デフォルトは、「lat」)longitudeText:表示する経度のラベル名(デフォルトは、「lon」)precision:緯度経度の精度(小数点以下の桁数)その他のオプションもありますが、GitHubではなく、ソースコード「Control.Coordinates.js」にコメントとして記載されているので興味のある方はそちらをご参照ください。これでマップに選択した場所の緯度経度を表示することができます。3.その他のおすすめプラグインその他の緯度経度を表示するおすすめプラグインは、こちらに記載しています。Leaflet入門|おすすめプラグイン(緯度経度の表示)すべてのおすすめプラグインは、こちらに記載しています。Leaflet入門|おすすめプラグインスポンサーリンクシェアするツイートフォローするleaflet関連記事ターミナルを使ったFlaskの常時実行と停止方法ターミナルからのFlaskの常時実行方法と停止方法について記載しています。Geocoder」を使うと、住所から場所を検索することができます。本記事では、Demoと実装方法について記載しています。参考に、D3.jsで棒グラフを作成します。実際のコードやデモ、ソースの解説も掲載しています。使用して、地図に現在地を表示します。現在地ボタンをタップした際に現在地を取得します。記事を読むLeaflet入門|プラグインでツールバーを表示する(複数アイテム)leafletのプラグイン(Leaflet.toolbar)を使用して、地図にツールバーを表示します。今回は複数アイテムの表示を行います。記事を読むLeaflet入門|プラグインでマーカーにアニメーション効果をつける(BounceMarker)leafletのプラグイン(BounceMarker)を使用して、マーカーにアニメーション効果をつけます。BounceMarkerでは、マーカーが空から降ってくるようなアニメーション効果をつけることができます。記事を読むLeaflet入門|プラグインでマーカーのアイコンを変更する(Awesome-Markers)leafletのプラグイン(Awesome-Markers)を使用して、マーカーに使用するアイコンを変更します。Awesome」「Glyphicons」のものを使用します。記事を読むLeaflet入門|プラグインで現在地マーカーを表示する(icon-pulse)leafletのプラグイン(icon-pulse)を使用して、現在地にマーカーを表示します。使うとマーカーや波形に自由な色を指定(ccsで使用できる色)できるため、オリジナルの現在地アイコンを表示することができます。記事を読むLeaflet|ダブルクリックのズームでマップ中心地点のみ拡大されるようにするLeafletのマップ上で、ダブルクリックした際にマップの中心地点のみ拡大する方法について記載しています。記事を読むLeaflet入門|おすすめプラグイン(メニュー表示)Leafletのプラグインで提供されている、メニューを表示するプラグインをまとめました。メニューは、スライドメニュー、常時メニュー、右クリックメニュー、ツールバーがあります。この記事では、それぞれのDemoと実装方法を記載しています。コメントをキャンセルメールアドレスが公開されることはありません。