すざか市民バス＿バス停MAP｜Mash up the Linked Open Data

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) {
		$.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/rdf1s3545i#" + encodeURIComponent("busstop_name")){
							tmp_data["name"] = objValue;
						}else if(propValue == "http://linkdata.org/property/rdf1s3545i#" + encodeURIComponent("furigana")){
							tmp_data["kana"] = objValue;
						}else if(propValue == "http://linkdata.org/property/rdf1s3545i#" + encodeURIComponent("houmen")){
							tmp_data["houmen"] = 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["lng"] = objValue;
						}else if(propValue == "http://linkdata.org/property/rdf1s3545i#" + encodeURIComponent("time1")){
							tmp_data["t1"] = objValue;
                        }else if(propValue == "http://linkdata.org/property/rdf1s3545i#" + encodeURIComponent("time2")){
							tmp_data["t2"] = objValue;
						}else if(propValue == "http://linkdata.org/property/rdf1s3545i#" + encodeURIComponent("time3")){
							tmp_data["t3"] = objValue;
                        }else if(propValue == "http://linkdata.org/property/rdf1s3545i#" + encodeURIComponent("time4")){
							tmp_data["t4"] = objValue;
						}else if(propValue == "http://linkdata.org/property/rdf1s3545i#" + encodeURIComponent("time5")){
							tmp_data["t5"] = objValue;
                        }else if(propValue == "http://linkdata.org/property/rdf1s3545i#" + encodeURIComponent("time6")){
							tmp_data["t6"] = objValue;
						}else if(propValue == "http://linkdata.org/property/rdf1s3545i#" + encodeURIComponent("time7")){
							tmp_data["t7"] = objValue;
                        }else if(propValue == "http://linkdata.org/property/rdf1s3545i#" + encodeURIComponent("time8")){
							tmp_data["t8"] = objValue;
						}else if(propValue == "http://linkdata.org/property/rdf1s3545i#" + encodeURIComponent("time9")){
							tmp_data["t9"] = objValue;
                        }else if(propValue == "http://linkdata.org/property/rdf1s3545i#" + encodeURIComponent("time10")){
							tmp_data["t10"] = objValue;
						}else if(propValue == "http://linkdata.org/property/rdf1s3545i#" + encodeURIComponent("time11")){
							tmp_data["t11"] = objValue;
                        }else if(propValue == "http://linkdata.org/property/rdf1s3545i#" + encodeURIComponent("time12")){
							tmp_data["t12"] = objValue;
						}else if(propValue == "http://linkdata.org/property/rdf1s3545i#" + encodeURIComponent("time13")){
							tmp_data["t13"] = objValue;
                        }else if(propValue == "http://linkdata.org/property/rdf1s3545i#" + encodeURIComponent("time14")){
							tmp_data["t14"] = objValue;
						}else if(propValue == "http://linkdata.org/property/rdf1s3545i#" + encodeURIComponent("time15")){
							tmp_data["t15"] = objValue;
                        }else if(propValue == "http://linkdata.org/property/rdf1s3545i#" + encodeURIComponent("time16")){
							tmp_data["t16"] = objValue;
						}else if(propValue == "http://linkdata.org/property/rdf1s3545i#" + encodeURIComponent("time17")){
							tmp_data["t17"] = objValue;
                        }else if(propValue == "http://linkdata.org/property/rdf1s3545i#" + encodeURIComponent("time18")){
							tmp_data["t18"] = objValue;
						}else if(propValue == "http://linkdata.org/property/rdf1s3545i#" + encodeURIComponent("time19")){
							tmp_data["t19"] = objValue;
                        }else if(propValue == "http://linkdata.org/property/rdf1s3545i#" + encodeURIComponent("time20")){
							tmp_data["t20"] = objValue;
						}else if(propValue == "http://linkdata.org/property/rdf1s3545i#" + encodeURIComponent("time21")){
							tmp_data["t21"] = objValue;
                        }else if(propValue == "http://linkdata.org/property/rdf1s3545i#" + encodeURIComponent("time22")){
							tmp_data["t22"] = objValue;
						}else if(propValue == "http://linkdata.org/property/rdf1s3545i#" + encodeURIComponent("time23")){
							tmp_data["t23"] = objValue;
                        }else if(propValue == "http://linkdata.org/property/rdf1s3545i#" + encodeURIComponent("time24")){
							tmp_data["t24"] = objValue;
						}else if(propValue == "http://linkdata.org/property/rdf1s3545i#" + encodeURIComponent("time25")){
							tmp_data["t25"] = objValue;
                        }else if(propValue == "http://linkdata.org/property/rdf1s3545i#" + encodeURIComponent("time26")){
							tmp_data["t26"] = objValue;
                        }else if(propValue == "http://linkdata.org/property/rdf1s3545i#" + encodeURIComponent("time27")){
							tmp_data["t27"] = objValue;
						}else if(propValue == "http://linkdata.org/property/rdf1s3545i#" + encodeURIComponent("time28")){
							tmp_data["t28"] = objValue;
						}else if(propValue == "http://linkdata.org/property/rdf1s3545i#" + encodeURIComponent("time29")){
							tmp_data["t29"] = objValue;
                        }else if(propValue == "http://linkdata.org/property/rdf1s3545i#" + encodeURIComponent("time30")){
							tmp_data["t30"] = objValue;
                        }else if(propValue == "http://linkdata.org/property/rdf1s3545i#" + encodeURIComponent("time31")){
							tmp_data["t31"] = objValue;
                        }else if(propValue == "http://linkdata.org/property/rdf1s3545i#" + encodeURIComponent("time32")){
							tmp_data["t32"] = objValue;
                        }else if(propValue == "http://linkdata.org/property/rdf1s3545i#" + encodeURIComponent("time33")){
							tmp_data["t33"] = objValue;
                        }else if(propValue == "http://linkdata.org/property/rdf1s3545i#" + encodeURIComponent("time34")){
							tmp_data["t34"] = objValue;
						}else if(propValue == "http://linkdata.org/property/rdf1s3545i#" + encodeURIComponent("line1")){
							tmp_data["l1"] = objValue;
                        }else if(propValue == "http://linkdata.org/property/rdf1s3545i#" + encodeURIComponent("line2")){
							tmp_data["l2"] = objValue;
						}else if(propValue == "http://linkdata.org/property/rdf1s3545i#" + encodeURIComponent("line3")){
							tmp_data["l3"] = objValue;
                        }else if(propValue == "http://linkdata.org/property/rdf1s3545i#" + encodeURIComponent("line4")){
							tmp_data["l4"] = objValue;
						}else if(propValue == "http://linkdata.org/property/rdf1s3545i#" + encodeURIComponent("line5")){
							tmp_data["l5"] = objValue;
                        }else if(propValue == "http://linkdata.org/property/rdf1s3545i#" + encodeURIComponent("line6")){
							tmp_data["l6"] = objValue;
						}else if(propValue == "http://linkdata.org/property/rdf1s3545i#" + encodeURIComponent("line7")){
							tmp_data["l7"] = objValue;
                        }else if(propValue == "http://linkdata.org/property/rdf1s3545i#" + encodeURIComponent("line8")){
							tmp_data["l8"] = objValue;
						}else if(propValue == "http://linkdata.org/property/rdf1s3545i#" + encodeURIComponent("line9")){
							tmp_data["l9"] = objValue;
                        }else if(propValue == "http://linkdata.org/property/rdf1s3545i#" + encodeURIComponent("line10")){
							tmp_data["l10"] = objValue;
						}else if(propValue == "http://linkdata.org/property/rdf1s3545i#" + encodeURIComponent("line11")){
							tmp_data["l11"] = objValue;
                        }else if(propValue == "http://linkdata.org/property/rdf1s3545i#" + encodeURIComponent("line12")){
							tmp_data["l12"] = objValue;
						}else if(propValue == "http://linkdata.org/property/rdf1s3545i#" + encodeURIComponent("line13")){
							tmp_data["l13"] = objValue;
                        }else if(propValue == "http://linkdata.org/property/rdf1s3545i#" + encodeURIComponent("line14")){
							tmp_data["l14"] = objValue;
						}else if(propValue == "http://linkdata.org/property/rdf1s3545i#" + encodeURIComponent("line15")){
							tmp_data["l15"] = objValue;
                        }else if(propValue == "http://linkdata.org/property/rdf1s3545i#" + encodeURIComponent("line16")){
							tmp_data["l16"] = objValue;
						}else if(propValue == "http://linkdata.org/property/rdf1s3545i#" + encodeURIComponent("line17")){
							tmp_data["l17"] = objValue;
                        }else if(propValue == "http://linkdata.org/property/rdf1s3545i#" + encodeURIComponent("line18")){
							tmp_data["l18"] = objValue;
						}else if(propValue == "http://linkdata.org/property/rdf1s3545i#" + encodeURIComponent("line19")){
							tmp_data["l19"] = objValue;
                        }else if(propValue == "http://linkdata.org/property/rdf1s3545i#" + encodeURIComponent("line20")){
							tmp_data["l20"] = objValue;
						}else if(propValue == "http://linkdata.org/property/rdf1s3545i#" + encodeURIComponent("line21")){
							tmp_data["l21"] = objValue;
                        }else if(propValue == "http://linkdata.org/property/rdf1s3545i#" + encodeURIComponent("line22")){
							tmp_data["l22"] = objValue;
						}else if(propValue == "http://linkdata.org/property/rdf1s3545i#" + encodeURIComponent("line23")){
							tmp_data["l23"] = objValue;
                        }else if(propValue == "http://linkdata.org/property/rdf1s3545i#" + encodeURIComponent("line24")){
							tmp_data["l24"] = objValue;
						}else if(propValue == "http://linkdata.org/property/rdf1s3545i#" + encodeURIComponent("line25")){
							tmp_data["l25"] = objValue;
                        }else if(propValue == "http://linkdata.org/property/rdf1s3545i#" + encodeURIComponent("line26")){
							tmp_data["l26"] = objValue;
                        }else if(propValue == "http://linkdata.org/property/rdf1s3545i#" + encodeURIComponent("line27")){
							tmp_data["l27"] = objValue;
						}else if(propValue == "http://linkdata.org/property/rdf1s3545i#" + encodeURIComponent("line28")){
							tmp_data["l28"] = objValue;
						}else if(propValue == "http://linkdata.org/property/rdf1s3545i#" + encodeURIComponent("line29")){
							tmp_data["l29"] = objValue;
                        }else if(propValue == "http://linkdata.org/property/rdf1s3545i#" + encodeURIComponent("line30")){
							tmp_data["l30"] = objValue;
                        }else if(propValue == "http://linkdata.org/property/rdf1s3545i#" + encodeURIComponent("line31")){
							tmp_data["l31"] = objValue;
                        }else if(propValue == "http://linkdata.org/property/rdf1s3545i#" + encodeURIComponent("line32")){
							tmp_data["l32"] = objValue;
                        }else if(propValue == "http://linkdata.org/property/rdf1s3545i#" + encodeURIComponent("line33")){
							tmp_data["l33"] = objValue;
                        }else if(propValue == "http://linkdata.org/property/rdf1s3545i#" + encodeURIComponent("line34")){
							tmp_data["l34"] = objValue;
						
						}
					});
					
				});
                                tmp_a_data.push(tmp_data);
			});
		});
	});
	//全データ
	all_data = tmp_a_data;

//地図センター緯度経度の初期値は「須坂市役所」

var myLatLng = new google.maps.LatLng(36.651080,138.307227);
var myMap = new google.maps.Map(document.getElementById('result'), {
  zoom: 12,
  center: myLatLng,
  mapTypeId: google.maps.MapTypeId.ROADMAP,
  scaleControl: true,
  scrollwheel: true,
  draggable: true
　
 });
 
	  
	
//ポイントの設定
var latlng;
var data = new Array();

for (var i in all_data) {
	//＊＊＊の種類で区分する
	latlng = new google.maps.LatLng(all_data[i].lat,all_data[i].lng);// 緯度経度から中心点をつくる
   
if ((all_data[i].houmen == "上り")){
	var spot_Options = {
  		center: latlng,    // 中心点
       };
	var gmarker = new google.maps.Marker({  
        position: latlng,       // 緯度・経度は地図の中心  
        title: all_data[i].houmen,// ツールチップ 
		openInfo:true,
		icon: "http://app.linkdata.org/asset/d03e1619.png",
		map: myMap 
		
    }); 
		} else{
if ((all_data[i].houmen == "下り")){
	var spot_Options = {
  		center: latlng,    // 中心点
       };
	var gmarker = new google.maps.Marker({  
        position: latlng,       // 緯度・経度は地図の中心  
        title: all_data[i].houmen,// ツールチップ 
		openInfo:true,
		icon: "http://app.linkdata.org/asset/f24b0ef2.png",
		map: myMap  
    }); 
	
} else{
	var spot_Options = {
  		center: latlng    // 中心点  
	};
	var gmarker = new google.maps.Marker({  
        position: latlng,       // 緯度・経度は地図の中心  
        title: all_data[i].situation ,// ツールチップ
		map: myMap  
    });  
　　}
	}//if toji
	
	// ウィンドウに表示するデータをつくる

var spot_name = all_data [i].name;
		data.push({position: new google.maps.LatLng(all_data[i].lat, all_data[i].lng), content: spot_name +' ' + all_data[i].kana + ' 【方面】 ' + all_data[i].houmen + ' 【時刻】 ' + all_data[i].t1+'　'+ all_data[i].l1+' '+all_data[i].t2+'　'+ all_data[i].l2+' '+all_data[i].t3+'　'+ all_data[i].l3+' '+all_data[i].t4+'　'+ all_data[i].l4+' '+all_data[i].t5+'　'+ all_data[i].l5+' '+all_data[i].t6+'　'+ all_data[i].l6+' '+all_data[i].t7+'　'+ all_data[i].l7+' '+all_data[i].t8+'　'+ all_data[i].l8+' '+all_data[i].t9+'　'+ all_data[i].l9+' '+all_data[i].t10+'　'+ all_data[i].l10+' '+all_data[i].t11+'　'+ all_data[i].l11+' '+all_data[i].t12+'　'+ all_data[i].l12+' '+all_data[i].t13+'　'+ all_data[i].l13+' '+all_data[i].t14+'　'+ all_data[i].l14+' '+all_data[i].t15+'　'+ all_data[i].l15+' '+all_data[i].t16+'　'+ all_data[i].l16+' '+all_data[i].t17+'　'+ all_data[i].l17+' '+all_data[i].t18+'　'+ all_data[i].l18+' '+all_data[i].t19+'　'+ all_data[i].l19+' '+all_data[i].t20+'　'+ all_data[i].l20+' '+all_data[i].t21+'　'+ all_data[i].l21+' '+all_data[i].t22+'　'+ all_data[i].l22+' '+all_data[i].t23+'　'+ all_data[i].l23+' '+all_data[i].t24+'　'+ all_data[i].l24+' '+all_data[i].t25+'　'+ all_data[i].l25+' '+all_data[i].t26+'　'+ all_data[i].l26+' '+all_data[i].t27+'　'+ all_data[i].l27+' '+all_data[i].t28+'　'+ all_data[i].l28+' '+all_data[i].t29+'　'+ all_data[i].l29+' '+all_data[i].t30+'　'+ all_data[i].l30+' '+all_data[i].t31+'　'+ all_data[i].l31+' '+all_data[i].t32+'　'+ all_data[i].l32+' '+all_data[i].t33+'　'+ all_data[i].l33+' '+all_data[i].t34+'　'+ all_data[i].l34+' '+' '+ ' <a href="http://maps.google.com/maps?q=' + all_data[i].lat + ',' + all_data[i].lng + '" target="_blank">マップアプリで経路案内</a>'
				 });
			 // 地図上にウィンドウで表示
 attachMessage(gmarker, data[i].content);
	
	}; //for toji 
};//initialize toji

// 地図のマーカーをクリックするとウィンドウを表示する処理
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();        
    });	
};

body, input {
    font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
    font-size: 12px;
    margin: 2px;
    padding: 0;
	
}

.left {
	float: left;
}

.right {
	float: right;
}

.cf:after {
	display: block;
	content: "";
	clear: both;
}

.hide {
	display: none;
}

.nextTo {
	padding-right: 2em;
}

#pageContainer {
	background-color: #ffffcc;
	min-width: 100px;
	width: 100%;
	min-height: 500px;
	font-size:120%;
}

#pageContainer .body {
	height: auto;

}

#pageContainer .body .bodyContainer {
	width: 100%;
}

#pageContainer .header .headerContent {
	width: 100%;
}

#pageContainer .header,
#pageContainer .footer {
	height: 50px;
	color: #ffffff;
	text-align: center;
	background-color: #009933;
}

#pageContainer .header .headerContent {
	margin-left: auto;
	margin-right: auto;
}

#pageContainer .header .headerContent .contact,
#pageContainer .header .headerContent .about,
#pageContainer .header .headerContent .pageTitle {
	font-size: 120%;
	padding: 5px;
}

#pageContainer .header .headerContent .pageTitle{
	cursor: pointer;
	margin: 0;
}

#pageContainer .header .headerContent .contact,
#pageContainer .header .headerContent .about{
	cursor: pointer;
	margin: 7px 0 0 20px;
}

#pageContainer .header .headerContent .contact a,
#pageContainer .header .headerContent .about a {
	text-decoration: none;
	color: #FFFFFF;
}

#pageContainer .body .bodyContainer {
	height: auto;
	padding-top: 10px;
	margin-left: auto;
	margin-right: auto;
}