csv-mapタグをベースに簡易化して、ウェブサイトにアクセス情報としての地図埋め込みに使う拡張タグ「map-viewタグ」を作りました。
map-view tag demo
name、緯度経度、zoomレベルを設定するだけでOK! <script type="module" src="https://code4fukui.github.io/map-view/map-view.js"></script> <map-view name="Hana道場" latlng="35.944571,136.186228" zoom="10"></map-view> サイトの表示優先なので、スクロールで地図が拡大縮小してしまうことがないように設定済み。
クリックするとGoogleマップのナビへリンクしています。

地図は日本国内を網羅する国土交通省、国土地理院の地理院地図
APIはオープンソースのLeafletをESモジュール化した、Leaflet.mjsです。

Tweet
クリエイティブ・コモンズ・ライセンス
この作品は「Creative Commons — CC BY 4.0」の下に提供されています。
CC BY / @taisukef / アイコン画像 / プロフィール画像 / RSS