-
Notifications
You must be signed in to change notification settings - Fork 18
html5_sample_result_corp
EkispertWebService edited this page Oct 5, 2017
·
3 revisions
路線の運航会社が文字列で取得できるようになります。
利用した会社ごとに運賃を分けたい場合や、切符購入にあたり特定の会社だけに制限したい場合に利用できます。
※デモでは出発地が"高円寺"固定となっておりますが、実際のサンプルでは自由に設定いただけます。 ※デモではクッキーをオフにしております。
- HTML5サンプルコードのコピー
- HTML5サンプルコードをGitHubからダウンロードします。
- 各パーツのjsファイル、expCssディレクトリ、expImagesディレクトリ一式をコピーします。※
- サンプルコード(sampleディレクトリ)の expSample.js と expSample.css をコピーします。
※expCssディレクトリ、expImagesディレクトリはディレクトリ付きで全てコピーしてください。
- HTMLファイルの作成
- 空のテキストファイルを作成します。
- 下記のHTMLサンプルコードを貼り付けます。
- _keycode_の部分に弊社発行のアクセスキー記述します。
- テキストファイルの文字コードにutf-8を指定し、任意のファイル名.htmlで保存します。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/TR/REC-html40/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Webサービスサンプル</title>
<link class="css" rel="stylesheet" type="text/css" href="expCss/expGuiDateTime.css">
<link class="css" rel="stylesheet" type="text/css" href="expCss/expGuiStation.css">
<link class="css" rel="stylesheet" type="text/css" href="expCss/expGuiCondition.css">
<link class="css" rel="stylesheet" type="text/css" href="expCss/expGuiCourse.css">
<link class="css" rel="stylesheet" type="text/css" href="expSample.css">
<script type="text/javascript" src="expGuiDateTime.js" charset="UTF-8"></script>
<script type="text/javascript" src="expGuiCondition.js" charset="UTF-8"></script>
<script type="text/javascript" src="expGuiStation.js" charset="UTF-8"></script>
<script type="text/javascript" src="expGuiCourse.js" charset="UTF-8"></script>
<script type="text/javascript" src="expSample.js" charset="UTF-8"></script>
<script type="text/javascript">
<!--
var key = "keycode";
function coprCheck(){
// 路線のオブジェクトを指定して会社名を取得
var corpList = new Array();
var lineList = resultApp.getLineList().split(",");
for(var i=1;i<=lineList.length;i++){
var lineObject = resultApp.getLineObject(i);
if(typeof lineObject.corporation != 'undefined'){
corpList.push(lineObject.corporation);
}
}
alert("路線の運航会社一覧\n"+corpList.join("\n"));
}
// -->
</script>
</head>
<body onLoad="Javascript:init();">
<!-- 日付入力パーツ -->
<h3 class="exp_sample_header">出発日</h3>
<div id="dateTime"></div>
<!-- 探索条件パーツ -->
<h3 class="exp_sample_header">探索条件</h3>
<div id="condition"></div>
<!-- 駅名入力パーツ -->
<h3 class="exp_sample_header">地点情報</h3>
<div class="exp_sample_title">
出発地
</div>
<div id="station1" style="width:100%;"></div>
<div class="exp_sample_title">
目的地
</div>
<div id="station2" style="width:100%;"></div>
<!-- 探索実行ボタン -->
<div class="exp_sample_btn_area">
<input class="exp_sample_btn" type="button" value="探索" onClick="Javascript:search(coprCheck);">
</div>
<!-- 経路表示パーツ -->
<div id="result"></div>
</body>
</html>