福野泰介の一日一創

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です。