オープンデータを使ってアプリを作ろう

アプリケーションの作成と公開をサポートするサイト

お問い合わせ

アプリ作品の情報

統計データを地図上に表示するアプリ

fullscreen

ウディタプンチへワ

経産省の調査による都道府県ごとの従業員数を、地図上に表示するアプリです。地図上の円にカーソルを合わせると、H21年度とH22年度の従業員数が表示されます。※Chrome推奨です。

18

評価指数

5

アプリケーション

Play
JavaScript
CSS
HTML
概要
保存した実行結果

if(typeof Application==="undefined"||!Application){var Application= {};}
   
   Application.gc = function() {
	this._init.apply(this, arguments);
}

Application.gc.prototype = {
	
	_data : null,
	_options : null,
	
	_init : function() {
		this._data = this._getGoogleDataTable();
		this._options = this._getGoogleOption();
	},
	
	_configArray : function() {
		var array = [			
			{
				"caption" : "Latitude",
				"property" : "lat"
			},
			{
				"caption" : "Longitude",
				"property" : "long"
			},
			{
				"caption" : "Location",
				"property" : "label"
			},
			{
				"caption" : "平成21年従業員数",
				"property" : "平成21年従業員数"
			}
		];
		return array;
	},
	
	_getGoogleOption : function() {
		var options = {
			region: 'JP',
        	displayMode: 'markers',
			colorAxis: {colors: ['yellow', 'red']}
      	};
		return options;
	},
	
	_getGoogleDataTable : function() {
		var configArray = this._configArray();
		var main = [];
		var array = [];
		$.each(configArray, function(index, obj) {
			array.push(obj.caption);
		});
		main.push(array);

var mainArray = this._getObjectArray();
			$.each(mainArray, function(i, objArray) {
				array = [];
				$.each(objArray, function(j, objData) {
					$.each(configArray, function(k, obj) {
						if (objData.property === obj.property) {
							var val = objData.value;
							if (! isNaN(val)) {
								if (Math.floor(val).toString() == val.toString()) {
   									 // yay! we have an int
									val = parseInt(val);
								} else {
    								// it's a float or something else.
									val = parseFloat(val);
								} 
							}
							array[k] = val;
						}
					});
				});
				main.push(array);
			});
		return main;
	},
	
	_getObjectArray : function() {
		var main = [];
		$.each(LinkData.getWorks(), function(workKey, workValue) {
			$.each(LinkData.getFiles(workValue), function(fileKey, fileValue) {
				$.each(LinkData.getSubjects(workValue, fileValue), function(subjKey, subjValue) {
					var array = [];
					$.each(LinkData.getProperties(workValue, fileValue), function(propKey, propValue) {
						var obj = {};
						var propLabel = propValue;
						var arr = propValue.split("#");
						if (arr.length > 1) {
							propLabel = decodeURIComponent(arr[1]);
						}
						var objValue = LinkData.getObjects(workValue, fileValue, subjValue, propValue)[0];
						obj.property = propLabel;
						obj.value = objValue;
						array.push(obj);
					});
					main.push(array);
				});
			});
		});
		return main;
	},
	
	getData : function() {
		return this._data;
	},
	
	getOptions : function() {
		return this._options;
	}
	
}

var drawMarkersMap = function() {
	var gc = new Application.gc();
	var data = google.visualization.arrayToDataTable(gc.getData());
	var options = gc.getOptions();
    var chart = new google.visualization.GeoChart(document.getElementById('chart_div'));
      chart.draw(data, options);
}

google.load('visualization', '1', {'packages': ['geochart']});
google.setOnLoadCallback(drawMarkersMap);

Initial content

このアプリをForkして新しいアプリを作るダウンロード

このアプリ作品をwebから探す

作者メッセージ送信	ウディタプンチへワ
実行回数	1924
ウェブサイト
ライセンス
Fork count	3
作成日	2012年6月11日
最終更新日	2013年1月23日

Forkして作られたアプリ

都道府県人口推移の可視化作者: Seiji Okajima 更新日: 2013年11月24日 411 回実行

forked:統計データを地図上に表示するアプリ作者: Takeshi_Tanabe 更新日: 2012年6月21日 309 回実行

統計データを地図上に表示（塗り潰し）作者: おさだひろあき更新日: 2012年6月15日 560 回実行

入力データ
関連アイデア

このアプリ作品で入力データとして使われているデータ作品のリストです。
チェックボックスの選択を変更すると、入力データを変更して実行することができます。

都道府県別従業者数（従業者１０人以上の事業所）緯度経度付き作者: nobuotto 更新日: 2011年12月5日
1780 ダウンロード
,

4 アプリケーション

都道府県別従業者数（従業者数10名以上）緯度経度付き
自分のデータを入力する

ニュースフィード

linkdata.org に関するツイート