0
3

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

GoogleMap で使える行政区画のデータを取得する

Last updated at Posted at 2019-05-28

ページ遷移

  1. サイトに移動
  2. ページ内の 2. 政策区域 -> 行政区域 をクリック
  3. 都道府県選択
  4. データ作成年度選択
  5. アンケートに回答
  6. 利用約款合意
  7. ZIP解凍
  8. JSONファイルを開く

サイトに移動

国土数値情報 ダウンロードサービス

都道府県選択

今回は北海道で。
都道府県選択.png

データ作成年度選択

今回は最新の平成30年のみ。
まだ令和はない。
年度選択.png

アンケートに回答

今までコンバージョンボタンは右にあったのに、なぜか「回答」ボタンが左にあるので間違って戻らないように。
アンケートに回答

利用約款合意

内容をよく読んで「はい」を押す。
やっぱりボタンが左にあるので気をつける。

ダウンロード

4_ダウンロード.png

ZIP解凍

ZIP 形式でダウンロードできるので適宜回答する。
5_解凍後ファイル.png

JSONファイルを開く

上記のうち GoogleMapsAPI で使えるのは .geojson という拡張子になっている JSON ファイルである。
地域によってはめちゃくちゃでかいので、IDEなどで開くと読み込みに時間がかかるかも。
CotEditor で開こうとしたら警告がでました。

データを間引く

都道府県ごとのデータなので、必要に応じてデータを削除する。
全てを読み込ませようとすると爆死する可能性あり。
geojson という拡張子になってるけど、中身はただの json なので features というところの項目から不要そうな市区町村をガンガン削除する。

ブラウザのGoogleMap上に表示してみる

コーディング

GoogleMapを表示させる。
何らかの方法で json をロードさせる (ajaxなり、サンプルでは変数としてjsonを配置している)。
そして、以下のコードを追加する。

map.data.addGeoJson(geojson);

完成

GEO JSON サンプルページ
Reactに組み込んだサンプル

0
3
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
3

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?