福野泰介の一日一創

「RENEW 2023 マップ」

うるしの里フードコートも記載！

組織で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行足すだけで、埋め込み完了！

スマホと地図を使ったやさしい案内。まだまだできることは多そうです。