実装すると以下のようになります。地図を描画するまでの解説は、leaflet入門1に記載しています。GitHubからダウンロードできます。GitHub-Leaflet.NACCoordinatesGitHubから取得したcss・jsファイルを以下のように配置します。css・jsファイルを読み込みます。-->2−3.NACCoordinatesの設定L.control.NACCoordinatesオブジェクトを生成して、L.mapオブジェクトに追加します。L.control.NACCoordinatesオブジェクトにはオプションも設定することができます。表示することができます。3.その他のおすすめプラグインその他の緯度経度を表示するおすすめプラグインは、こちらに記載しています。Leaflet入門|おすすめプラグイン(緯度経度の表示)すべてのおすすめプラグインは、こちらに記載しています。Leaflet入門|おすすめプラグインスポンサーリンクシェアするツイートフォローするleaflet関連記事Leaflet入門|おすすめプラグイン(イベント処理のカスタマイズ)Leafletのプラグインで提供されている、イベント処理をカスタマイズするプラグインをまとめました。それぞれのプラグインのDemoと実装方法を記載しています。円グラフを表示するD3.js(version5)で円グラフを表示する方法について、デモや実際のコードを記載しています。記事を読むLeaflet入門|プラグインでツールバーを表示する(単一アイテム)leafletのプラグイン(Leaflet.toolbar)を使用して、地図にツールバーを表示します。今回は簡単な単一アイテムの表示を行います。記事を読むLeaflet入門|プラグインで地図を上下左右に動かすコントローラーを追加(Pancontrol)leafletのプラグイン(Pancontrol)を使用して、地図を上下左右に動かすコントローラーを追加します。円グラフ(ドーナッツ型)を表示するD3.js(version5)で円グラフ(ドーナッツ)を表示する方法について、デモや実際のコードを記載しています。記事を読むLeaflet入門|プラグインで縮小ボタンを追加する(zoom-min)leafletのプラグイン(zoom-min)を使用して、ワンクリックで地図を最小ズームレベルで表示します。記事を読むLeaflet|マウス(タッチ)でのマップ移動を無効にするLeafletのマップ上で、マウス(タッチ)でドラッグした際に、マップが移動しない方法を記載しています。記事を読むLeaflet|ズームレベルの最大・最小値の設定Leafletのマップでズーム可能な倍率(最大・最小)を、指定する方法について記載しています。記事を読むLeaflet入門|プラグインでホームボタンを追加する(defaultextent)leafletのプラグイン(defaultextent)を使用して、地図を初期表示に戻すホームボタンを追加します。カスタムすることで自由にホームボタンクリック時の、中心座標・ズームレベルなどを変更することができます。記事を読むLeaflet入門|プラグインでメニューを追加する(sidebar-v2)leafletのプラグイン(sidebar-v2)を使用して、地図をメニューを追加します。メニューの内容は、HTMLで定義するため自由に設定することができます。コメントをキャンセルメールアドレスが公開されることはありません。