Skip to content

html5_tutorial_StationTimeTable

EkispertWebService edited this page Jan 17, 2017 · 2 revisions

WebAPI Document - チュートリアル

  • 駅時刻表

1.駅名から路線名一覧を取得します。
また、駅名と路線名から駅の時刻表を表示します。
2.探索結果のインデックスを指定することで出発駅の時刻表を表示します。

駅すぱあとに収録されている会社、路線、駅名の一覧を取得します。
路線名から停車駅一覧を取得することも可能です。

''インクルード''

	<script type="text/javascript" src="expGuiStationTimeTable.js?key=keycode" charset="UTF-8"></script>
	<link class="css" rel="stylesheet" type="text/css" href="expCss/expGuiStationTimeTable.css">

''サンプルコード''

	<html>
	  <head>
	    <meta http-equiv="Content-Type" content="text/html; charset=shift_jis" />
	    <title>
	    Webサービスサンプル
	    </title>
	    <link class="css" rel="stylesheet" type="text/css" href="expCss/expGuiStationTimeTable.css">
	    <script type="text/javascript" src="expGuiStationTimeTable.js?key=keycode" charset="UTF-8">
	    </script>
	    <script type="text/javascript">
	      <!--
	var stationTimetable;
	/*
	 * パーツを初期化
	 */
	function init(){
	  // 駅時刻表
	  stationTimetable = new expGuiStationTimeTable(document.getElementById("stationTimetable"));
	  stationTimetable.searchLine("高円寺",setRailList);
	}
	/*
	 * 駅の路線一覧をリストで表示
	 */
	function setRailList(isSuccess){
	  if(!isSuccess){
	    alert("路線一覧が取得できませんでした");
	  }else{
	    var buffer = '';
	    var lineList = stationTimetable.getLineObjectList();
	    if(lineList.length>0){
	          stationTimetable.dispStationTimetable("高円寺",lineList[0].code,resultTimeTable);
	    }
	  }
	}
	/*
	 * 時刻表取得時のコールバック関数
	 */
	function resultTimeTable(isSuccess){
	  if(!isSuccess){
	    alert("時刻表が取得できませんでした");
	  }
	}
	// -->
	    </script>
	  </head>
	  <body onLoad="Javascript:init();">
	    <div id="stationTimetable">
	    </div>
	  </body>
	</html>
Clone this wiki locally