山口市大手町周辺のATMマップ

fullscreen

Koro_Nishikata

JSAI2012の会場、山口市大手町周辺のATM情報をマップにしました。

Rating

useful

Application

Play
JavaScript
CSS
HTML
ReadMe
Snapshots

if(typeof BANK==="undefined" || !BANK){var BANK = {};}

BANK = function() {
	"use strict";
	this._init.apply(this, arguments);
};

BANK.prototype = {
	_msg : "NONE",
	_locations : [],
	_imgMarker : "http://app.linkdata.org/asset/9548df8a.png",
	_imgMaleFemale : "http://app.linkdata.org/asset/91259b03.png",
	_imgMale : "http://app.linkdata.org/asset/42199e2b.png",
	_imgFemale : "http://app.linkdata.org/asset/6fdebf3f.png",

_init : function() {
		"use strict";
		this._msg = "";
	},
	
	setMarkers : function(map, locations) {
		"use strict";
		var i = 0;
		var infoWindow = new google.maps.InfoWindow();
		for (i = 0; i < locations.length; i++) {
			var location = locations[i];
			this.setMarker(map, infoWindow, location);
		}
	},
	setMarker : function(map, infoWindow, location) {
		var name = location[0];
		var man = location[3];
		var woman = location[4];
		var commonuse = location[5];
		var handicapped = location[6];
		var babybed = location[7];
		var ostomate = location[8];
		var notuse = location[9];
		var remarks = location[10];
		var latLng = new google.maps.LatLng(location[1], location[2]);
		var marker = new google.maps.Marker({
			position: latLng,
			map: map,
			title: name,
			icon: this._imgMarker,
			zIndex: 4
		});
		var sb = [];
		sb[sb.length] = '<div class="balloon">';
		sb[sb.length] = '  <div class="title">' + name + '</div>';
		sb[sb.length] = '  <div class="toilet">';
		if (man) {
			sb[sb.length] = '    <img src="' + this._imgMale + '" />:&nbsp;' + man + '&nbsp;';
		}
		if (woman) {
			sb[sb.length] = '    <img src="' + this._imgFemale + '" />:&nbsp;' + woman + '&nbsp;';
		}
		if (commonuse) {
			sb[sb.length] = '    <img src="' + this._imgMaleFemale + '" />:&nbsp;' + commonuse;
		}
		sb[sb.length] = '  </div>';
		if (handicapped) {
			sb[sb.length] = '  <div class="handicapped">多目的トイレ:&nbsp;' + handicapped + '</div>';
		}
		if (babybed) {
			sb[sb.length] = '  <div class="babybed">赤ちゃんベッド:&nbsp;' + babybed + '</div>';
		}
		if (ostomate) {
			sb[sb.length] = '  <div class="ostomate">オストメイト対応:&nbsp;' + ostomate + '</div>';
		}
		sb[sb.length] = '  <div class="description">';
		if (remarks) {
			sb[sb.length] = '    <div class="notuse">使用不可時間帯:&nbsp;' + notuse + '</div>';
		}
		if (remarks) {
			sb[sb.length] = '    <div class="remarks">' + remarks + '</div>';
		}
		sb[sb.length] = '  </div>';
		sb[sb.length] = '</div>';
		google.maps.event.addListener(marker, 'click', function() {
			infoWindow.setContent(sb.join("")); 
			infoWindow.open(map, marker); 
		});
	},
	popup : function() {
		"use strict";
		alert(this._msg);
	},
	getLocations : function() {
		"use strict";
		return this._locations;
	},

googleMapInitialize : function(locations) {
		"use strict";
		var startLatlng = new google.maps.LatLng(34.183583,131.475255);
		var myOptions = {
			center: startLatlng,
			zoom: 15,
			mapTypeId: google.maps.MapTypeId.ROADMAP
		};
		var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
		this.setMarkers(map, locations);
	},
	
	dataload : function() {
		"use strict";
		var works = BANK.getWorkIds();
		var self = this;
		$.each(works, function(workKey, workValue) {
			$.each(BANK.getFiles(workValue), function(workId, fileName) {
				$.each(BANK.getFiles(workValue), function(fileKey, fileValue) {
					$.each(BANK.getSubjects(workValue, fileValue), function(subjKey, subjValue) {
						var name = "";
						var man = 0;
						var woman = 0;
						var commonuse = 0;
						var handicapped = 0;
						var babybed = 0;
						var ostomate = 0;
						var notuse = 0;
						var remarks = 0;
						var lat = 0;
						var long = 0;
						$.each(BANK.getProperties(workValue, fileValue), function(propKey, propValue) {
							$.each(BANK.getObjects(workValue, fileValue, subjValue, propValue.url), function(objKey, objValue) {
								/*
								if (propValue.label === "name") {
									；
								} else if (propValue.label === "language") {
									;
								} else
								*/
								if (propValue.label === "localname") {
									name = objValue;
								//} else if (propValue.label === "man" ) {
								} else if (propValue.label === "counter" ) {
									man = objValue;
								//} else if (propValue.label === "woman" ) {
								} else if (propValue.label === "ATM" ) {
									woman = objValue;
								//} else if (propValue.label === "commonuse" ) {
								} else if (propValue.label === "exchange" ) {
									commonuse = objValue;
								//} else if (propValue.label === "notuse" ) {
								} else if (propValue.label === "opening" ) {
									notuse = objValue;
								} else if (propValue.label === "remarks" ) {
									remarks = objValue;
								} else if (propValue.label === "lat" ) {
									lat = objValue;
								} else if (propValue.label === "long" ) {
									long = objValue;
								/*
								} else {
									；
								*/
								}
							});
						});
						
						self._locations.push([name, lat, long, man, woman, commonuse, handicapped, babybed, ostomate, notuse, remarks]);
						//self._locations.push([name, lat, long, man, woman, commonuse, remarks]);
					});
				});
			});
		});
	}
};
BANK.getWorkIds = function() {
	"use strict";
	return LinkData.getWorks();
};
BANK.getFiles = function(workId) {
	"use strict";
	return LinkData.getFiles(workId);
};
BANK.getSubjects = function(workId, fileName) {
	"use strict";
	return LinkData.getSubjects(workId, fileName);
};
BANK.getProperties = function(workId, fileName) {
	"use strict";
	var result = [];
    $.each(LinkData.getProperties(workId, fileName), function(key, value) {
        var arr = value.split("#");
        if (arr.length > 1) {
            result.push({"url" : value, "label" : decodeURIComponent(arr[1])})
        }
    });
    return result;
};
BANK.getObjects = function(workId, fileName, subject, property) {
	"use strict";
	return LinkData.getObjects(workId, fileName, subject, property);
};

init = function() {
	"use strict";
	var t = new BANK();
	t.dataload();
	t.googleMapInitialize(t.getLocations());
};

window.onload = function() {
	"use strict";
	init();
};

/*
This is a Example program to retrieve and display the data. 
Press the Run button on the right of the screen (described the behavior of the Example program below). 
Please create a new application rewrite this program work. 
*/

/*
if(typeof Example==="undefined"||!Example){var Example = {};}

Example.getWorks = function() {
	return LinkData.getWorks();
};
Example.getFiles = function(workId) {
	return LinkData.getFiles(workId);
};
Example.getSubjects = function(workId, fileName) {
	return LinkData.getSubjects(workId, fileName);
};
Example.getProperties = function(workId, fileName) {
	return LinkData.getProperties(workId, fileName);
};
Example.getObjects = function(workId, fileName, subject, property) {
	return LinkData.getObjects(workId, fileName, subject, property);
};