「RENEW 2023 マップ」
鯖江市、越前市、越前町、広域で開催された産業観光イベント「RENEW 2023」のマップが見られなかったので、KMLデータを使って作ってみました。
うるしの里フードコートも記載！
組織でGoogleを使っていると「Google My Mapsへのアクセス権がありません。組織の管理者にアクセス権の付与を依頼してください」と出て、マイマップが表示されない問題。
シークレットウィンドウで開かないと見られないのは面倒なので、KMLをダウンロード。
「renew/kml2csv.js at main - code4fukui/renew」
XML形式のマイマップのKMLデータをCSVデータに変換するコードを書いて、csv-map拡張タグで表示。緯度経度データが含まれていないものはGoogle Place APIのライブラリを拡張して使って緯度経度を取得。メガネアイコンがなかったので作成。RENEWのサイトをスクレイピングしてCSVデータ化するコード「scrape.js」もあります。
「RENEW 2023 マップ 埋め込みテスト」 src on GitHub
マイマップと同様、サイトへ地図を埋め込み利用もできます。地理院地図は詳細地図があるのは日本に限られますが、オープンデータなので無料で自由に使えます。
「HTMLサンプル on ss.sabae.cc」
HTMLに1行足すだけで、埋め込み完了！
スマホと地図を使ったやさしい案内。まだまだできることは多そうです。
Fri Night
