HERE Maps × Google Spreadsheetsで簡単にマッピングしてみた

できたらローコードで実現したい、私。

ということで、今日はGoogle Spreadsheetsをデータベース代わりにして、誰でも位置情報を追記できる仕組みを作ってみた。
今日は以下の茨城県神栖市のオープンデータを使って作ってみた。

Googleのスプレットシートはここに置いてあります。
https://docs.google.com/spreadsheets/d/1D1h0ct4NclQo28B2tmI1coqh6bhlFWaDvK22ngLNbHU/edit#gid=0

実装

この記事を参考にさせてもらいました。

参考記事と違う箇所

HERE独自のマーカーの設定が必要なので、、、

以下を参考に、addmakerの設定の変更が必要。

       function addMarker(lat,lng) {
       var parisMarker = new H.map.Marker({lat:lat, lng:lng});
       map.addObject(parisMarker);
       }

実装完了