ずっと前からGoogleMapsAPIのデータをSpreadsheetsから取得できないかと(できるんですけどね。)USのGoogleで検索・試行錯誤を繰り返しながら、ようやく基盤だけは完成。
横にあるGoogleMapsと、一番下にあるテーブルがそれ。サイトに色々スクリプトを追加して重くなったので別ファイルにサンプルを置きました。
→サンプル
台湾旅行観光地図ではXMLをローカルから取ってきているが、FTPが使えない一般のブログサービスではデータの更新がめんどくさい。
コード自体は簡単で、例によって色々な所から拝借してきているが、要は
- 場所名、経度、緯度を含むスプレッドシート(表計算)を作成。(GoogleSpreadsheetsで)
- Simple example of retrieving JSON feeds from Spreadsheets Data API(Google)の例通りにJSON形式のFeedを取得。
- 取得したデータをGoogleMapsAPI用に代入。(サンプルでは取得したデータのテーブルも追加)
Javascriptなんて先月位にはじめたばかりなので、配列の書式やfunction辺りがとてもあいまいです。
そして今回コードを大いに参考にさせてもらったサイトはこちら。
- Create a map from a published Google Spreadsheet
- Simple example of retrieving JSON feeds from Spreadsheets Data API
色々いじってはみるものの、基本的な所でつまずいてばかり。今回のコードも明らかに初心者っぽいツタナイものなんだろうなぁ〜。