駅データ 無料ダウンロード サービス 『駅データ.jp』
乗換駅表示
駅コードをもとに、乗り換え可能な駅一覧を表示します。
ソースサンプル
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>乗換駅表示</title>
<script type="text/javascript"><!--
var xml = {};
function StationGroup(code){
if (code==0){
document.getElementById("s_group").innerHTML = "";
} else {
var s = document.getElementsByTagName("head")[0].appendChild(document.createElement("script"));
s.type = "text/javascript";
s.charset = "utf-8";
s.src = "(ここにJSONデータのあるURL)/api/g/" + code + ".json"; //駅グループJSONデータURL
var str = "";
xml.onload = function(data){
var station_g = data["station_g"];
if(station_g != null){
for( i=0; i<station_g.length; i++){
str = str + station_g[i].line_name + " ";
str = str + station_g[i].station_name + "<br />";
}
}
document.getElementById("s_group").innerHTML = str;
}
}
}
// --></script>
</head>
<body>
乗換駅表示<br>
<a href="#" OnClick="StationGroup(1110315)">札幌駅</a> |
<a href="#" OnClick="StationGroup(1130208)">新宿駅</a> |
<a href="#" OnClick="StationGroup(3000136)">名古屋駅</a> |
<a href="#" OnClick="StationGroup(2800213)">赤坂見附駅</a> |
<a href="#" OnClick="StationGroup(0)">クリア</a><br />
<div id="s_group"></div>
</body>
</html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>乗換駅表示</title>
<script type="text/javascript"><!--
var xml = {};
function StationGroup(code){
if (code==0){
document.getElementById("s_group").innerHTML = "";
} else {
var s = document.getElementsByTagName("head")[0].appendChild(document.createElement("script"));
s.type = "text/javascript";
s.charset = "utf-8";
s.src = "(ここにJSONデータのあるURL)/api/g/" + code + ".json"; //駅グループJSONデータURL
var str = "";
xml.onload = function(data){
var station_g = data["station_g"];
if(station_g != null){
for( i=0; i<station_g.length; i++){
str = str + station_g[i].line_name + " ";
str = str + station_g[i].station_name + "<br />";
}
}
document.getElementById("s_group").innerHTML = str;
}
}
}
// --></script>
</head>
<body>
乗換駅表示<br>
<a href="#" OnClick="StationGroup(1110315)">札幌駅</a> |
<a href="#" OnClick="StationGroup(1130208)">新宿駅</a> |
<a href="#" OnClick="StationGroup(3000136)">名古屋駅</a> |
<a href="#" OnClick="StationGroup(2800213)">赤坂見附駅</a> |
<a href="#" OnClick="StationGroup(0)">クリア</a><br />
<div id="s_group"></div>
</body>
</html>
スクリプト利用条件
・著作権表示義務はありません。
・商用利用可能です。
・自由に改造していただいてかまいません。
・ご利用に関して弊社に連絡は不要です。
・ご利用することにより生じたいかなる損害についても弊社は責任を負いません。
