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

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

インクルード

<script type="text/javascript" src="expGuiStationTimeTable.js?key=keycode"></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">
    </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>

画面サンプル(PC)
img/timeTable_p1.png
img/timeTable_p2.png
img/timeTable_p3.png

画面サンプル(スマートフォン)
img/timeTable_s1.png

画面サンプル(タブレット)
img/timeTable_t1.png

チュートリアルへ戻る
Val Laboratory