-
Notifications
You must be signed in to change notification settings - Fork 0
html5_tutorial_CourseLight
EkispertWebService edited this page Mar 22, 2017
·
3 revisions
- 経路探索
「駅すぱあと」が提供する無料乗り換え案内サイト「駅すぱあと for web」を使い、探索結果を表示するためのURLを生成します。
''インクルード''
<script type="text/javascript" src="expGuiCourseLight.js?key=keycode" charset="UTF-8"></script>
''サンプルコード''
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis" />
<title>
Webサービスサンプル
</title>
<script type="text/javascript" src="../etc/expGuiCourseLight.js?key=keycode">
</script>
<script type="text/javascript">
<!--
var resultApp;
/*
* パーツを初期化
*/
function init(){
// 経路探索パーツ初期化
resultApp = new expGuiCourseLight();
// 探索条件
var searchInterface = resultApp.createSearchInterface();
searchInterface.setFrom("高円寺");
searchInterface.setTo("新大阪");
searchInterface.setSearchType(resultApp.SEARCHTYPE_DEPARTURE);
searchInterface.setPlane(false);
searchInterface.setShinkansen(true);
resultApp.search(searchInterface,result);
}
/*
* 探索実行時のコールバック関する
*/
function result(isSuccess){
if(!isSuccess){
alert("探索行えません");
}else{
document.getElementById("result").style.display = "block";
}
}
/*
* 駅すぱあと for webの結果を表示
*/
function openWeb(){
window.open(resultApp.getResourceURI(), '駅すぱあと for web', 'width=1000, height=600, menubar=no, toolbar=no, scrollbars=yes');
}
// -->
</script>
</head>
<body onLoad="Javascript:init();">
<div id="result" style="display: none;">
<a href="javascript:openWeb()">
駅すぱあと for webの探索結果を表示する
</a>
</div>
</body>
</html>