Google Map上にGeoJSONデータを表示する

最終更新日

Google、地図アプリのデベロッパー向けJavaScript APIでGeoJSONをサポート

Google Maps APIでGeoJSONデータがサポートされたらしいので、試してみました。(一部、D3.jsを使用しています)

【参考】
Combining and visualising multiple data sources – Google Maps API — Google Developers

ポイントデータを表示

ポイント(点)データは、スタイルを指定しないとマーカーで表示される。
GMPSAPI geojson(ポイント)読み込み

example

サンプルコード

ポイントデータを表示2

スタイル指定してみた。
GMPSAPI geojson(ポイント)読み込み

example

サンプル

ポリゴンデータを表示

都道府県境界データを表示し、各県の人口密度に合わせて塗り分けをしてみた。
GMPSAPI geojson(ポリゴン)読み込み

example

サンプルコード

関連

GeoJSONを使いこなすためのWebサービスまとめ