CINXE.COM
Bus Navigation System
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, user-scalable=yes, initial-scale=1.0, maximum-scale=1.0, minimal-ui"> <title>Bus Navigation System</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <!-- <meta name="viewport" content="width=device-width, user-scalable=yes"> --> <meta name="viewport" content="width=device-width, initial-scale=0.5"> <link rel="shortcut icon" href="/wgsys/img/favicon.ico" type="image/x-icon"> <link rel="icon" href="/wgsys/img/favicon.ico" type="image/x-icon"> <!-- Bootstrap --> <link href="/wgsys/css/common/bootstrap.min.css" rel="stylesheet"> <link href="/wgsys/css/common/font-awesome.min.css" rel="stylesheet"> <link href="/wgsys/css/common/flaticon.css" rel="stylesheet"> <link href="/wgsys/css/wgp/dd.css" rel="stylesheet"> <link href="/wgsys/css/wgp/flags.css" rel="stylesheet"> <!-- side toogle menu css--> <link type="text/css" rel="stylesheet" href="/wgsys/css/common/toggle-menu/right-toggle-menu.css"> <link type="text/css" rel="stylesheet" href="/wgsys/css/common/toggle-menu/left-toggle-menu.css"> <link href="/wgsys/css/common/toggle-menu/verticaltab.css" rel="stylesheet"> <link rel="stylesheet" href="/wgsys/css/common/jquery-ui.css"> <link href="/wgsys/css/wgp/custom.css" rel="stylesheet"> <link href="/wgsys/css/wgp/custom.css" rel="stylesheet"> <link href='//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,400,700,600,300' rel='stylesheet' type='text/css'> <link href="/wgsys/css/common/bootstrap-dialog.min.css" rel="stylesheet"> <script src="/wgsys/js/common/jquery1.11.1min.js"></script> <script src="/wgsys/js/common/jquery-ui.js"></script> <script src="/wgsys/js/common/bootstrap.min.js"></script> <script src="/wgsys/js/common/jquery.dd.min.js"></script> <script src="/wgsys/js/wgp/common.js"></script> <script src="/wgsys/js/wgp/constants.js"></script> <script src="/wgsys/js/wgp/commonSearch.js"></script> <script src="/wgsys/js/wgp/signpole.js"></script> <!-- side toogle menu js--> <script src="/wgsys/js/common/toggle-menu/jquery-migrate-1.2.1.min.js"></script> <script src="/wgsys/js/common/toggle-menu/jquery.menu.js"></script> <script src="/wgsys/js/common/toggle-menu/jquery.rightmenu.js"></script> <script type="text/javascript" src="/wgsys/js/common/toggle-menu/verticaltab.js"></script> <script type="text/javascript" src="/wgsys/js/common/bootstrap-dialog.min.js"></script> <script type="text/javascript"> var contextPath, fromText, toText, myCurrentLocationText, fromScreenload,errorText, okLabel; $(document).ready(function() { $("#languages").val("en").attr('selected', 'selected'); $("#languages").msDropdown(); contextPath = "/wgsys"; fromScreenload = false; $('#searchTab').trigger("click"); fromScreenload = true; fromText = "From"; toText = "To"; myCurrentLocationText = "My Current Location"; errorText = "Error"; okLabel = "Ok"; updateButtonText(); $(".toggle_btn").click(function() { $(".main_navbar").toggle(300); }); $('.nav_body>.list_link').click(function(e) { e.preventDefault(); $('.nav_body').hide(); $('.hotel-list').fadeIn(); $('.back_btn').removeClass('disabled_btn'); }); $('.back_btn').click(function(e) { e.preventDefault(); $('.nav_body').show(); $('.hotel-list').fadeOut(); $('.back_btn').addClass('disabled_btn'); }); registerLanguageChange(); registerSwitch(); registerFromBlur(); registerToBlur(); $(function() { $(".navbar-default").height($(document).height()-$(".page-header").height()); $(".navbar-default").height($(document).height()-$(".page-header").height()); $(window).resize(function(){ $(".navbar-default").height($(document).height()-$(".page-header").height()); $(".navbar-default").height($(document).height()-$(".page-header").height()); }); }); }); </script> </head> <body id="body"> <form id="submitForm" action="/wgsys/wgp/search.htm" method="Get"> <input id="tabName" name="tabName" type="hidden" value="searchTab"/> <input id="selectedLandmarkCatCd" name="selectedLandmarkCatCd" type="hidden" value=""/> <input id="selectfiftySoundCharacter" name="selectfiftySoundCharacter" type="hidden" value=""/> <input id="from" name="from" type="hidden" value=""/> <input id="fromType" name="fromType" type="hidden" value=""/> <input id="to" name="to" type="hidden" value=""/> <input id="toType" name="toType" type="hidden" value=""/> <input id="language" name="locale" type="hidden" value="en"/> <input id="fromlat" name="fromlat" type="hidden" value=""/> <input id="fromlng" name="fromlng" type="hidden" value=""/> <input id="tolat" name="tolat" type="hidden" value=""/> <input id="tolng" name="tolng" type="hidden" value=""/> <input id="fromSignpoleKey" name="fromSignpoleKey" type="hidden" value=""/> <input id="routeLayoutCd" name="routeLayoutCd" type="hidden" value=""/> <input id="bsid" name="bsid" type="hidden" value=""/> <!-- chomb. 150929. add --> <input id="fromBusStopCd" name="fromBusStopCd" type="hidden" value=""/> <input id="toBusStopCd" name="toBusStopCd" type="hidden" value=""/> <!-- chomb. 151028. add --> <input id="mapFlag" name="mapFlag" type="hidden" value="false"/> <input id="existYn" name="existYn" type="hidden" value=""/> <input id="routeKey" name="routeKey" type="hidden" value=""/> <input id="nextDiagramFlag" name="nextDiagramFlag" type="hidden" value="0"/> <input id="diaRevisedDate" name="diaRevisedDate" type="hidden" value=""/> <input id="searchDate" name="searchDate" type="hidden" value=""/> <input id="searchTime" name="searchTime" type="hidden" value=""/> <input id="fromBusStopKey" name="fromBusStopKey" type="hidden" value=""/> <input id="toBusStopKey" name="toBusStopKey" type="hidden" value=""/> </form> <div class="page-header clearfix"> <!-- left up: main logo --> <div class="col-md-11 col-xs-11 col-sm-11"> <div class="main_logo"> <a href="/wgsys/"> <img alt="Logo" src="/wgsys/imgp/main_logo.png" /> </a> </div> </div> <!-- right up: language select --> <div class="col-md-1 col-xs-1 col-sm-1 right_header"> <div class="pull-right"> <ul> <!-- <li > <a style= "color: #000;" href="#">CONTACT US </a> </li> --> <li><div> <select id="languages" name="languages" style="width: 100px;"> <option value='ja' data-image="/wgsys/img/blank.gif" data-imagecss="flag ja">日本語</option> <option value='en' data-image="/wgsys/img/blank.gif" data-imagecss="flag en">English</option> <option value='cn' data-image="/wgsys/img/blank.gif" data-imagecss="flag cn">中国語(簡体)</option> <option value='tw' data-image="/wgsys/img/blank.gif" data-imagecss="flag tw">中国語(繁体)</option> <option value='kr' data-image="/wgsys/img/blank.gif" data-imagecss="flag kr">한국</option> </select> </div></li> </ul> </div> </div> </div> <div id="page-wrapper"> <!DOCTYPE html> <!-- start of pag wrapper--> <div class="bhoechie-tab"> <div id="tabCtrl"> <script src="/wgsys/js/wgp/partialSearch.js"></script> <script src="/wgsys/js/common/suggest.js"></script> <script src="/wgsys/js/common/transitStation.js"></script> <style type="text/css"> <!-- /* 20160606 in liu [クッキー中の履歴表示対応] -ADD-START */ .suggest { position: absolute; background-color: #FFFFFF; border: 1px solid #CCCCFF; width: 100%; overflow: hidden; /* add scrollBar */ z-index: 5; } .suggest div { padding: 1px; display: block; width: 100%; overflow: hidden; white-space: nowrap; } .suggest div.select{ color: #FFFFFF; background-color: #3366FF; } .suggest div.over{ background-color: #99CCFF; } /* 20160606 in liu [クッキー中の履歴表示対応] -ADD-END */ #next_timetable_area{ margin-top: 10px; font-size: 2em; text-decoration: underline blink; cursor : pointer; } --> </style> <script> //20160606 in liu [クッキー中の履歴表示] -ADD-START var deplist =new Array(); var arrlist=new Array(); var cookieVal; var list; var cookieDays = 30; var suggestMaxCnt = 6; var readCookieFlg = 0; //20160606 in liu [クッキー中の履歴表示] -ADD-END $(document).ready(function() { $("#searchTab").parent().addClass("active");/*on page load sidebar will be heighlights*/ //setMyCurrentLocation(); //$("#search_from").focus(); //$('#search_from').setCursorPosition(1); //20160606 in liu [クッキー中の履歴表示] -ADD-START cookieDays ="30"; suggestMaxCnt ="8"; readCookieFlg ="1"; if(readCookieFlg == '1') { //乗車停留所名クッキー中の履歴データLISTに設定する deplist=getSuggeslist("SEARCH_SECTION_DSN"); //降車停留所名クッキー中の履歴データLISTに設定する arrlist= getSuggeslist("SEARCH_SECTION_ASN"); startSuggest(); } //20160606 in liu [クッキー中の履歴表示] -ADD-END }); //20160606 in liu [クッキー中の履歴表示] -ADD-START //クッキー中の履歴データ取得 function getSuggeslist(key) { if (key == ""){ return; } var suggeslist = new Array(); cookieVal = readCookie(key); list = cookieVal.split("<br>"); var m=0; //クッキー中の履歴データLISTに設定する for (var i = list.length - 1; i >= 0; i--) { suggeslist[m] = list[i]; m++; } return suggeslist; } var depkeySuggest; var arrkeySuggest; function startSuggest() { if(deplist != null && deplist !=""){ depkeySuggest = new Suggest.Local( "search_from", // 入力のエレメントID "depsuggest", // 補完候補を表示するエリアのID deplist, // 補完候補の検索対象となる配列 suggestMaxCnt,//入力履歴表示件数 {dispAllKey: true} ); // オプション } if(arrlist != null && arrlist !=""){ arrkeySuggest = new Suggest.Local( "search_to", // 入力のエレメントID "arrsuggest", // 補完候補を表示するエリアのID arrlist, // 補完候補の検索対象となる配列 suggestMaxCnt,//入力履歴表示件数 {dispAllKey: true} ); // オプション } } //クッキー中の履歴データ取得 function readCookie(key) { if (key == ""){ return; } var re = new RegExp(escape(key) + "=(.*?)(?:;|$)"); if (document.cookie.match(re)){ return unescape(RegExp.$1); } return ""; } //クッキー内の同一文言を削除する function delCookie(key,value){ //同一文言削除後クッキー var newcookies=new Array(); cookieVal = readCookie(key); list = cookieVal.split("<br>"); var varCnt= 0; for (var i = 0; i < list.length; i++) { var temp = list[i]; if (temp!= value){ //同一文言削除後クッキー設定 newcookies[varCnt] = temp; varCnt = varCnt+1; } } var temparr=""; for (var i = 0; i < newcookies.length; i++) { if(i == 0){ temparr =newcookies[i]; continue; } //クッキー文字列設定 temparr =temparr+"<br>" + newcookies[i]; } return temparr; } //クッキーに保存する function writeCookie(key, value, hours) { if (key == ""){ return; } var d = new Date(); //保存期間(プロパティファイルより取得(30日間)) var days = cookieDays; //保存期間 d.setHours(d.getHours() + hours * days); var options = new Array(); options.push("expires=" + d.toGMTString()); //クッキー内の同一文言を削除する if (value!=null){ var temparr=delCookie(key,value); } //クッキーに保存する document.cookie = escape(key) + "=" + escape(temparr) + "<br>" + escape(value) + "; " + options.join("; "); } function save() { //乗車停留所名入力テキストボックスの入力値 var dsnValue = document.getElementById("search_from").value; //降車停留所名入力テキストボックスの入力値 var asnValue = document.getElementById("search_to").value; if(dsnValue != null && dsnValue != ""){ //乗車停留所名入力テキストボックスの入力値、クッキーに保存する writeCookie("SEARCH_SECTION_DSN", document.getElementById("search_from").value, 24); } if(asnValue != null && asnValue != ""){ //降車停留所名入力テキストボックスの入力値、クッキーに保存する writeCookie("SEARCH_SECTION_ASN", document.getElementById("search_to").value, 24); } return; } function pressEnter(){ if(event.keyCode!=13){ return; } if(document.getElementById("search_from").value == ""){ return; } } if(readCookieFlg == '1') { window.addEventListener ? window.addEventListener('load', startSuggest, false) : window.attachEvent('onload', startSuggest); } //20160606 in liu [クッキー中の履歴表示] -ADD-END </script> <div class="bhoechie-tab-content active"> <div class="center_box" style="padding: 11px 10px 20px;"> <div class="tabbar"> <div id="tabheader">Search By Bus Stop Name</div> <div><p>Find Approaching Buses by specifying getting on and off stops</p></div> </div> <div class="clearfix"> <div class="col-md-12 col-xs-12 col-sm-12"> <div class="form-group"> <img src="/wgsys/imgp/green_dot.png" style="padding-bottom: 7px; padding-right: 2px;" /> <label for="">From(It’s possible to search departures stop.)</label> <input type="text" class="form-control cross_btn" value="" id="search_from" tabindex="10" onkeydown="pressEnter();" autocomplete="off" placeholder="Any Stop or Landmark" style="padding: 4px 18px 4px 6px;display: block" /> <a> <span id="searchclear" class="glyphicon glyphicon-remove form-control-feedback" aria-hidden="true" onclick="clearText('search_from')"></span> </a> <div id="depsuggest" class="suggest" style="display:none;" tabindex="-1"></div> <div class="switch"> <a id="switch" style="cursor: pointer;"> <img src="/wgsys/imgp/circle_blue_small_custom.css.png" /> </a> </div> </div> <div class="form-group has-feedback" style="margin-bottom: 20px;"> <img src="/wgsys/imgp/red_dot.png" style="padding-bottom: 7px; padding-right: 2px;" /> <label class="control-label " for="">To (Optional)</label> <input type="text" class="form-control" id="search_to" value="" tabindex="20" onkeydown="pressEnter();" autocomplete="off" placeholder="Any Stop or Landmark" style="padding-right: 19px;display: blocke" /> <a> <span id="searchclear" class="glyphicon glyphicon-remove form-control-feedback2" aria-hidden="true" onclick="clearText('search_to')"> </span> </a> <div id="arrsuggest" class="suggest" style="display:none;" tabindex="-1"></div> </div> </div> </div> <div class="clearfix"> </div> <div> <div class="view_btn" style="margin-bottom: 20px;"> <a type="button" class="btn btn-default btn-block button my_view_btn" tabindex="50" onclick="save();directToSignpole();" onKeyPress="directToSignpole()"> View Buses <p id="search_viewBusButtonText"></p> </a> </div> </div> <div class="clearfix"> </div> <br> </div> </div> </div> </div> <!-- end of pag wrapper--> </div> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <div class="clearfix" > <div class="copyright_link copyright_txt"> <div class="col-md-4 col-xs-4 col-sm-4"> <div class="leftfooter pull-left"> </div> </div> <div class="col-md-4 col-xs-4 col-sm-4"> <a href="/wgsys/wgs/search.htm" style="color: #0090ff">View Smartphone Version</a> </div> <div class="col-md-4 col-xs-4 col-sm-4"> <div class="rightfooter pull-right"> Copyright © 2025 NEC Nexsolutions,Ltd. All rights reserved. <!-- <a href="#" > CONTACT US</a>| <a href="#" > DISCLAIMER</a>| <a href="#" > PRIVACY POLICY</a> --></div> </div> </div> </div> <!--BEGIN left SIDEBAR MENU--> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <div id="wrapper"> <nav id="sidebar" role="navigation" data-step="2" data-intro="Template has <b>many navigation styles</b>" data-position="right" class="navbar-default navbar-static-side navbar-menu-background"> <div class="sidebar-collapse"> <ul id="side-menu" class="nav side_tab tabheader"> <li><a href="#" id="menu-toggle" class="adj_menu_toggle"><i class="fa fa-bars black"></i></a></li> <li data-box-label="Bus Navigation System"> <a id="searchTab" class="tab" href="#"> <i class="flaticon-search70 search_icon"><div class="icon-bg bg-pink"></div></i> <span class="menu-title left_sidebar_icon">Search By Bus Stop Name <i class="fa fa-chevron-right pull-right"></i> </span> </a> </li> <li><a id="mapTab" href="#" class="tab"><i class="flaticon-map35 map_icon "> <div class="icon-bg bg-red"></div> </i><span class="menu-title left_sidebar_icon">Search By Map <i class="fa fa-chevron-right pull-right"></i> </span></a></li> <!-- ãè·¯ç·ä¸è¦§ããæ¤ç´¢ãã¡ãã¥ã¼ --> <li><a id="routeTab" href="#" class="tab"><i class="fa fa-road route_icon"> </i><span class="menu-title left_sidebar_icon">Search From Route List <i class="fa fa-chevron-right pull-right"></i></span></a></li> <li><a id="landmarkTab" href="#" class="tab"><i class="flaticon-pagoda landmark_icon"> </i><span class="menu-title left_sidebar_icon lm_text_postion">Search By Landmarks <i class="fa fa-chevron-right pull-right faright "></i></span></a></li> <!-- ããã¼ã·ãä»å°ãã¡ãã¥ã¼ --> <!-- ãã°ãªã¼ã³ã¹ãã¼ã¢ããªãã£ãã¡ãã¥ã¼ --> <!-- ãé 延証æãã¡ãã¥ã¼ --> <!-- ãè·é¢è¨¼æãã¡ãã¥ã¼ --> </ul> </div> </nav> </div> <!--end left SIDEBAR MENU--> <!--BEGIN right SIDEBAR MENU--> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <script> $(document).ready(function() { // code for resolutin of bug when too long string is added in wxternla link also vertical scrollbar added rightSidebarResize(); window.addEventListener('resize', myEfficientFn); // will be call on change of screen oreintaion other that first time page laod }); var myEfficientFn = debounce(function() { rightSidebarResize(); }, 200); function debounce(func, wait, immediate) { var timeout; return function() { var context = this, args = arguments; var later = function() { timeout = null; if (!immediate) func.apply(context, args); }; var callNow = immediate && !timeout; clearTimeout(timeout); timeout = setTimeout(later, wait); if (callNow) func.apply(context, args); }; }; function rightSidebarResize() { var windowHeight = $(window).outerHeight(); var rightSidebarHeight = windowHeight - ($('.page-header').outerHeight() + $("#upperblock").outerHeight() + $(".copyright_link") .outerHeight()); $("#extrlink").height(rightSidebarHeight); } </script> <div id="wrapper"> <nav id="sidebar" style="background: #fff; border-left:1px solid #ccc;" role="navigation" data-step="2" data-intro="Template has <b>many navigation styles</b>" data-position="right" class="navbar-default navbar-static-sideR sidebar_right"> <div class="sidebar-collapse "> <div id="upperblock"> <ul id="side-menu" class="nav"> <li><a href="#" class="adj_menu_toggleR" id="menu-toggleright"><i style="font-size: 14px;" class="fa fa-bars black"></i></a></li> </ul> </div> <div id="extrlink" class="external_links"> <ul> <li class="extlink"> <a class="extlink_heading"> <i class="fa fa-external-link-square "> </i> <span class="menu-title ">External Links </span> </a> <ul> <li class="back"><a href="https://www.sotetsu.co.jp/bus/index.html" target="_blank"><i class="fa fa-link"></i> SOTETSU BUS HP</a></li> <li class="back"><a href="https://www.sotetsu.co.jp/bus/services/routes" target="_blank"><i class="fa fa-link"></i> ROUTE MAP(PDF)</a></li> <li class="back"><a href="https://www.sotetsu.co.jp/train/index.html" target="_blank"><i class="fa fa-link"></i> SOTETSU TRAIN HP</a></li> <li class="back"><a href="https://www.sotetsu.co.jp/index.html" target="_blank"><i class="fa fa-link"></i> SOTETSU GROUP HP</a></li> </ul></li> <li style="border-bottom: 0px !important;" class="img_qrcode"> <font color="black" align="center">相鉄バスナビトップページ</font> </li> <li style="border-bottom: 0px !important;" class="img_qrcode"> <a> <span class="menu-title "> <!-- <img src="https://api.qrserver.com/v1/create-qr-code/?data=https%3A%2F%2Fsotetsu-bus.bus-navigation.jp%2Fwgsys%2Fwgs%2Fsearch.htm&size=170x170" /> --> <img src="data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAhAQAAAAB/n//CAAAAyElEQVR4XmNg5FrkwMBQ+2BnPAOD 6+pPF4HkWelAIHlAGciuXXkZKM4YGgpU899E6n8Dg+oGxfsMDNqx+RsZGHi2fhVjYEivWcrAwMAh kXeQgSFoWo0HAwOvrPruBob5BT5PGhh6j/3ax8Cw/b3awgaGyI9l5xoY+L1K1jUwqHB1qzcwOF0q SW1gyOm6I9zAEOZ0sI2BQbUpgQ1ol8TXEqC9i/aFNzDU9r0obmBwjQllB5KMamuAZF9ZHNBtIUFX GxgYDd4HNwAARlJCl+fCks4AAAAASUVORK5CYII=" /> </span> </a> </li> <li style="border-bottom: 0px !important;" class="img_qrcode"> <span> <a class="menu-title " href="https://sotetsu-bus.bus-navigation.jp/wgsys/wgs/search.htm" target="_blank"> https://sotetsu-bus.bus-navigation.jp/wgsys/wgs/search.htm </a> </span> </li> </ul> </div> </div> </nav> </div> <div class="modal fade" id="errorPopup" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog modal-sm"> <div class="modal-content"> <div class="modal-header"> <h4 class="modal-title" id="error_model_title">Error</h4> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> </div> <div class="modal-body" id="error_model_body"></div> </div> </div> </div> <!--END rightSIDEBAR MENU--> </body> </html>