Publish your application as JavaScript

that mashes up the Linked Open Data

Application Information

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

fullscreen

Uditha Punchihewa

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

18

Rating

useful

5

Application

Play
JavaScript
CSS
HTML
ReadMe
Snapshots

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 this app as your new one download

Contributor Send Message	Uditha Punchihewa
Run count	1924
Website
License
Fork count	3
Created date	Jun 11, 2012
Last update date	Jan 23, 2013

Forked (Child App)

都道府県人口推移の可視化 Contributor: Seiji Okajima Update: Nov 24, 2013 411 runs

forked:統計データを地図上に表示するアプリ Contributor: Takeshi_Tanabe Update: Jun 21, 2012 309 runs

統計データを地図上に表示（塗り潰し） Contributor: ohsada Update: Jun 15, 2012 560 runs

Input Data
Related Ideas

LinkData work list used as input data in this application.
You can change input data and execute application if you change the checkbox.

都道府県別従業者数（従業者１０人以上の事業所）緯度経度付き Contributor: nobuotto Update: Dec 5, 2011
1780 Downloads
,

4 Applications

都道府県別従業者数（従業者数10名以上）緯度経度付き
Add New Data

News Feed

linkdata.org に関するツイート