本厚木駅周辺のホルモン屋一覧MAP

fullscreen

渡邊輝

本厚木駅周辺のホルモン屋の位置情報をGoogleMap上に表示。本厚木駅からバスもしくは徒歩でそれなりに楽にたどり着けるお店のみ。

評価指数

アプリケーション

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

/*
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. 
*/

var all_data;        
function initialize(){
	all_data = new Array();
	// データをLinkDataから取得 
	tmp_a_data = new Array();
	$.each(LinkData.getWorks(), function(workKey, workValue) {
		//$("#result").append("<h3>Work: " + workValue + "</h3>");
		$.each(LinkData.getFiles(workValue), function(fileKey, fileValue) {
			$.each(LinkData.getSubjects(workValue, fileValue), function(subjKey, subjValue) {
				var tmp_data = {}
				tmp_data["id"] = subjValue;
				$.each(LinkData.getProperties(workValue, fileValue), function(propKey, propValue) {
					$.each(LinkData.getObjects(workValue, fileValue, subjValue, propValue), function(objKey, objValue) {
						if(propValue == "http://linkdata.org/property/rdf1s1005i#Address"){
							tmp_data["address"] = objValue;
						}else if(propValue == "http://www.w3.org/2003/01/geo/wgs84_pos#lat"){
							tmp_data["lat"] = objValue;
						}else if(propValue == "http://www.w3.org/2003/01/geo/wgs84_pos#long"){
							tmp_data["longitude"] = objValue;
						}else if(propValue == "http://linkdata.org/property/rdf1s1005i#Time"){
							tmp_data["Time"] = objValue;
						}else if(propValue == "http://linkdata.org/property/rdf1s1005i#PhoneNum"){
							tmp_data["PhoneNum"] = objValue;
						}else if(propValue == "http://linkdata.org/property/rdf1s1005i#NearBusSta"){
							tmp_data["NearBusSta"] = objValue;
						}else if(propValue == "http://linkdata.org/property/rdf1s1005i#StartBusSta"){
							tmp_data["StartBusSta"] = objValue;
						}else if(propValue == "http://linkdata.org/property/rdf1s1005i#Name"){
							tmp_data["Name"] = objValue;
						}
					});
				});
				tmp_a_data.push(tmp_data);
			});
		});
	});
	//全データ
	all_data = tmp_a_data;
	
	//全データを地図上に表示

// 地図センター緯度経度の初期値は「本厚木駅」
    var latlng = new google.maps.LatLng(35.439349,139.36476649999997);
    var myOptions = {
        zoom: 15,
    	center: latlng,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    var map = new google.maps.Map(document.getElementById("result"), myOptions);
	// ウィンドウに表示するデータをつくる
    var data = new Array();
	for (var i in all_data){ 
        var value = all_data[i].label;  
        data.push({position: new google.maps.LatLng(all_data[i].lat, all_data[i].longitude), content: all_data[i].Name + '<br><small>住所：' + all_data[i].address +'<br>営業時間：'+　all_data[i].Time + '<br>電話番号：' + all_data[i].PhoneNum + '<br>最寄りのバス停：' + all_data[i].NearBusSta + '<br>バスのりば：' + all_data[i].StartBusSta + '<br>' + '</small>'});
	};     
    // 地図上にウィンドウで表示
    for (i = 0; i < data.length; i++) {
         var marker = new google.maps.Marker({
            position: data[i].position,
            map: map
        });
        attachMessage(marker, data[i].content);
    };
};

// 地図のマーカーをクリックするとウィンドウを表示する処理
function attachMessage(marker, msg) {
	google.maps.event.addListener(marker, 'click', function(event) {
    	new google.maps.InfoWindow({
			content: msg
        }).open(marker.getMap(), marker);
    });
};

window.onload = function() {
    $(function(){
    	initialize();        
    });	
};

Initial content

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

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

作者メッセージ送信	渡邊輝
Fork元のアプリ	松本豊 's 横浜市公衆トイレ位置情報
実行回数	365
ウェブサイト
ライセンス
Fork count	0
作成日	2013年12月4日
最終更新日	2013年12月4日