プログラミングleafletのプラグイン「defaultextent」を使用すると、地図にホームボタンを追加することができます。ホームボタンは、地図を初期状態に戻すボタンです。オプションで「座標」「ズームレベル」「ツールチップ」を変更することもできます。実装すると以下のようになります。このボタンがホームボタンです。地図を描画するまでの解説は、leaflet入門1に記載しています。GitHubからダウンロードできます。GitHub-defaultextentGitHubから取得したcss・jsファイルを以下のように配置します。css・jsファイルを読み込みます。true)を指定します。オブジェクトを生成し、mapに追加します。139.8132]);defaultExtent.addTo(map);オプションtitle:ツールチップに表示する文言を指定します。setZoom:ズームレベルを指定します。setCenter:中心座標を指定します。オブジェクト作成時の値が使用されます。スポンサーリンクシェアするツイートフォローするleaflet関連記事Leaflet|ダブルクリックのズームを無効にするLeafletのマップ上で、ダブルクリックした際にズームされる動作を無効にする方法を記載しています。記事を読むLeaflet|マップのポップアップイベント一覧Leafletのマップ内で表示されるポップアップイベントの一覧を掲載しています。イベントは、ポップアップを開く、閉じる、ポップアップが開く際に自動パンニングする際に発生します。プラグイン(L.tagFilterButton)を使用して、マーカーのフィルタリングを行うボタンを追加します。使い方について、デモと実際のコードを交えながら記載しています。記事を読むLeaflet|マップの中心を設定するLeafletのマップの中心を設定する方法について記載しています。記事を読むLeaflet入門|プラグインで矩形選択した箇所を拡大する(BoxZoom)leafletのプラグイン(BoxZoom)を使用して、地図上の矩形選択した箇所を拡大するコントローラーを追加します。記事を読むLeaflet入門|プラグインでメニューを追加する(sidebar-v2)leafletのプラグイン(sidebar-v2)を使用して、地図をメニューを追加します。メニューの内容は、HTMLで定義するため自由に設定することができます。記事を読むLeaflet入門|地図にメニューと検索機能をつける(プラグイン)leafletのプラグイン「leaflet-custom-searchbox」を使用して、地図にメニューと検索機能をつける方法をご紹介します。使用して、地図にマーカーを表示します。マーカーを表示するには、L.markerを使用します。マーカーをクリック(タップ)した際に、ポップアップを表示する方法も記載しています。記事を読むLeaflet入門|プラグインでマーカーのアイコンを変更する(BeautifyMarker)leafletのプラグイン(BeautifyMarker)を使用して、マーカーに使用するアイコンを変更します。Icon」のものを使用します。コメントをキャンセルメールアドレスが公開されることはありません。