マルティスープ
Staff Blog

2018.04.08

Googleマップ上に将来推計人口をメッシュで描画する

みなさん、こんちちは。

前回は、Googleマップ上に地域メッシュを緯度経度から計算して描画する方法を解説しました。しかし、ただ地域メッシュを描画しても使い道がありません。統計情報のデータを利用し色分け表示する等するほうが多いです。

Googleマップに地域メッシュを描画する

そこで、今回は国土地理院が公開している「1kmメッシュ別将来推計人口」データを用いて地域メッシュを描画してみたいと思います。前回と異なる点は、国土地理院のデータは Shape形式で公開されているため、地域メッシュを緯度経度から計算する必要はないことです。

では、早速データのダウンロードから開始します。以下のサイトにアクセスして下さい。

http://nlftp.mlit.go.jp/ksj/

ページの最下部に「1kmメッシュ別将来推計人口 ダウンロード（H29国政局推計）（shape形式）」というリンクがあるので、クリックします。

次に、ダウンロードする都道府県の選択ページになります。今回は「東京都」をチェックし、「次へ」ボタンをクリックします。

ダウンロードするファイルの選択ページになりますので。「」をチェックし、「次へ」ボタンをクリックします。

最後にアンケートページが表示されますので、アンケートを記入し「回答する」ボタンをクリックします。

利用規約が表示されますので、よく読み同意できる場合は、「はい」ボタンをクリックします。

ファイルをダウンロードするページが表示されますので、「ダウンロード」ボタンをクリックします。

zip形式のファイルがダウンロードされたと思いますので、解凍してください。解凍すると、４ファイルが作成されるはずです。最初に述べた通り、今回使用するファイルは、Shape形式になります。Googleマップにそのまま読み込むことができませんので変換する必要があります。今回は、QGISというオープンソースのフリーソフトを使用し、GeoJSON形式に変換します。

QGISは、以下のサイトよりダウンロードしてインストールしてください。最近バージョン３が公開されましたが、まだ利用したことがないので、バージョン2.18を利用します。

https://qgis.org/ja/site/forusers/download.html

インストールができましたら、QGISを起動し、先程解凍したファイル内の「Mesh3_POP_13.shp」をドラッグしてください。下図のように、東京都の1kmメッシュが描画されます。

GeoJSONに変換するため、サイドメニューの「Mesh 3 POP13」上を右クリックし「名前を付けて保存する」をクリックします。

保存ダイアログが表示されますので、形式「GeoJSON」、CRS「選択CRS（EPSG:4612、JGD2000」を選択し、保存してください。

今回利用するデータには、以下の属性が登録されているので、この数値を利用して色分けをしてみます。

Google Maps JavaScript API には、GeoJSON形式のファイルを描画するためのメソッドがあります。また、スタイルを指定することにより、人口の数値によって色を設定することが可能です。以前のブログでも紹介しました。

GoogleマップにGeoJSONで図形を描画する

// 地図を初期化
var map = new google.maps.Map(document.getElementById("map"), {
	zoom : 10,
	center: new google.maps.LatLng(35.7, 139.7),
	mayTypeId: google.maps.MapTypeId.ROADMAP,
});
// GeoJSONを読み込み
map.data.loadGeoJson('geojson/13.geojson');
// スタイルを設定
map.data.setStyle(function(feature) {
	// 2020年の人口総数
	var val = feature.getProperty("POP2020");
	// 人口総数によって色を決定
	var color = "#000000";
	if (val > 10000) {
		color = "#ff0000";
	} else if (val > 5000) {
		color = "#00ff00";
	} else if (val > 1000) {
		color = "#00ff00";
	}
	return ({
		fillColor: color,
		fillOpacity: 0.5,
		strokeColor: '#ff0000',        
		strokeWeight: 1,
		strokeOpacity: '0.5',
		clickable: true,
		zIndex: 1
	});
});

サンプルのデモサイトを作成しました。

いかがでしょうか。

データさえあれば、色分けしてのメッシュの表示は簡単に行えます。

一番難しいのはデータを用意することですが、政府が公開している「政府統計の総合窓口（e-Stat）」からも様々な統計データをダウンロードすることができます。

https://www.e-stat.go.jp/

今回は、ShapeファイルからGeoJSONに変換して作業を行いました。静的なデータを表示するだけであれば、今回の方法でも良いのですが、動的に何かをしたい！や全国のデータを表示したい！という場合には、GeoJSONは向きません。（多分）

そのような場合、PostgreSQL に拡張ユーティリティ「PostGIS」を用いると良いです。Shapeファイルを変換すれば、PostgreSQLにデータを登録できるので、SQLでデータを抽出することが可能になります。次回は、その方法を解説していこうと思います。