モリコロパーク園内バス時刻表_改良版

fullscreen

pingineer

愛・地球博記念公園（モリコロパーク）内を走る無料園内バスの時刻表アプリです。停留所を選択すると、時刻表が表示されます。「モリコロパーク園内バス時刻表」に経路を追加

評価指数

アプリケーション

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

// グローバル変数
stop_data = new Array();
week_data = new Array();
holi_data = new Array();
var workValue = 'rdf1s1494i';

// Infoウィンドウの初期化
var currentWindow = null;

//選択された課の詳細データの表示
		var selectedId = $("option:selected", $(this)).val();
		if (selectedId == -1) {
			return;
		}
		
		showData(selectedId);

});

}
	
	
//---------------------------------------------------------
// 停留所データの表示
//---------------------------------------------------------
	
function showData(selectedId){
	
	//データのリセット
	$("#result").empty();
	$("#table").empty();
	tmp_b_data = new Array();
	tmp_c_data = new Array();
	
	// 時刻表シートから該当停留所の発車時刻を読み取る
	// 平日
	//------------------
	var fileValue = 'moricoro_park_bus_timetable_weekday';
	
	$.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/rdf1s1494i#stop_num"){
					tmp_data["stop_num"] = objValue;
				} else if(propValue == "http://linkdata.org/property/rdf1s1494i#destination_name"){
					tmp_data["destination"] = objValue;
				} else if(propValue == "http://linkdata.org/property/rdf1s1494i#depature_time"){
					tmp_data["d_time"] = objValue;
				} 
			});
		});
		
	  	if (tmp_data["stop_num"] == selectedId) {
			tmp_b_data.push(tmp_data);
		}
	});
	
	// 平日時刻表データ
	week_data = tmp_b_data;
	
	// 休日
	//---------------
	fileValue = 'moricoro_park_bus_timetable_holiday';
	
	$.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/rdf1s1494i#stop_num"){
					tmp_data["stop_num"] = objValue;
				} else if(propValue == "http://linkdata.org/property/rdf1s1494i#destination_name"){
					tmp_data["destination"] = objValue;
				} else if(propValue == "http://linkdata.org/property/rdf1s1494i#depature_time"){
					tmp_data["d_time"] = objValue;
				} 
			});
		});
		
		if (tmp_data["stop_num"] == selectedId) {
			tmp_c_data.push(tmp_data);
		}
	});
	// 休日時刻表データ
	holi_data = tmp_c_data;
	
	
	// データを表示
	//----------------------------
	
	// 停留所データ
	for (var i in stop_data){
		if (stop_data[i].num === selectedId){
			$("#result").append("<dt><b>停留所名</b><dt><dd>"+ stop_data[i].name +"<br>（"+ stop_data[i].yomi_name + "）</dd>");
			
			if (selectedId < 8) {
				$("#result").append("<h4>フィールドセンター（もりの学舎）方面</h4>");
			} else if (selectedId < 12) {
				$("#result").append("<h4>地球市民交流センター方面</h4>");
			} else {
				$("#result").append("<h4>当停留所終点(到着時刻)</h4>");
			}
		}
	}
	
	// 時刻表データ
	var table = $("#table");
	var tbody = $('<tbody>');
	var th = $('<tr class="tr-timetable">').append('<th class="th-hour">時</th><th class="th-week">平日</th><th class="th-holi">土・休日</th>');
	table.append($('<thead>').append(th));

// 8~17時の毎時の発車時刻を抽出する
	for (var i=8; i<18; i++) {
		
		// 平日の時刻
		var week_min = '';
		for (var j in week_data) {
			var timeArray = week_data[j].d_time.split(":");
			
			if (timeArray[0]==i) {
				week_min = week_min + timeArray[1] + ' ';
			}
			
			var td_week = '<td class="td-week">'+ week_min + '</td>';
		}
		
		// 休日の時刻
		var holi_min = '';
		for (var k in holi_data) {
			var timeArray = holi_data[k].d_time.split(":");
			
			if (timeArray[0]==i) {
				holi_min = holi_min + timeArray[1] + ' ';
			}
			
			var td_holi = '<td class="td-holi">'+ holi_min + '</td>';
		}
		
		// 時間の行を表示する
		var td_hour = '<td class="td-hour">'+ i +'</td>';
		var td = $('<tr class="tr-timetable">').append(td_hour).append(td_week).append(td_holi);
		tbody.append(td);
		
	}
	table.append(tbody);
}

//---------------------------------------------------------
// Google Maps
//---------------------------------------------------------

for(var i=0; i<bus_route.length;i++){

// Polylineを矢印にする
		var lineSymbol = {
			path: google.maps.SymbolPath.FORWARD_CLOSED_ARROW
		};

var line = new google.maps.Polyline({
			path: bus_route[i]["route"],
			strokeColor: bus_route[i]["color"],
			//strokeColor: "#FF0000",
			icons: [{
				icon: lineSymbol,
				offset: '100%',
			}],
			map: map
		});

}

//google.maps.event.addDomListener(window, 'load', initialize);

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

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

作者メッセージ送信	pingineer
Fork元のアプリ	fkmi 's モリコロパーク園内バス時刻表
実行回数	433
ウェブサイト	http://moricoro-park.com/riyouannai/bus/
ライセンス
Fork count	0
作成日	2014年9月8日
最終更新日	2014年9月8日

Fork元のアプリ

モリコロパーク園内バス時刻表作者: fkmi 更新日: 2014年6月18日 825 回実行

入力データ
関連アイデア

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

モリコロパーク園バス経路作者: pingineer 更新日: 2014年9月8日
223 ダウンロード
,

1 アプリケーション

moricoro_park_bus_route
モリコロパーク園内バス時刻表作者: fkmi 更新日: 2014年7月11日
1604 ダウンロード
,

3 アプリケーション

moricoro_park_bus_timetable_holiday

moricoro_park_bus_timetable_weekday

moricoro_park_busstops
自分のデータを入力する

ニュースフィード

linkdata.org に関するツイート

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

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

アプリ作品の情報

モリコロパーク園内バス時刻表_改良版

アプリケーション

Fork元のアプリ

ニュースフィード