<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<%String base = request.getContextPath(); %>
<title>盐城交通出行网</title>
<link type="text/css" rel="stylesheet" href="assets/css/index.css" />
<link href="http://api.map.baidu.com/library/TrafficControl/1.4/src/TrafficControl_min.css" rel="stylesheet" type="text/css" /> 
<link type="text/css" rel="stylesheet" href="assets/js/jquery/easyui/themes/default/easyui.css"/>
<link type="text/css" rel="stylesheet" href="assets/js/jquery/easyui/themes/bootstrap/easyui.css"/>
<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src="assets/js/jquery.min.js"></script> 
<script src="assets/js/jquery/easyui/easyui-lang-zh_CN.js"></script>
<script src="assets/admin/bootstrap/2.3.1/js/bootstrap.min.js" type="text/javascript"></script>
<script src="assets/js/jqueryui/jquery-ui.min.js"></script>
<script src="assets/js/jquery/easyui/jquery.easyui.min.js"></script>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=ltftyZ63IKZIid7v0qGP2WHlSlDw7LNX"></script> 
<script type="text/javascript" src="http://api.map.baidu.com/library/GeoUtils/1.2/src/GeoUtils_min.js"></script>
<script type="text/javascript" src="http://api.map.baidu.com/library/TrafficControl/1.4/src/TrafficControl_min.js"></script> 
<script type="text/javascript" src="http://api.map.baidu.com/library/SearchInfoWindow/1.5/src/SearchInfoWindow_min.js"></script> 
<script src="http://www.jq22.com/jquery/jquery-migrate-1.2.1.min.js"></script>
<script type="text/javascript" src="assets/js/jquery.jqprint-0.3.js"></script>
<script type="text/javascript" src="http://api.map.baidu.com/library/Heatmap/2.0/src/Heatmap_min.js"></script>
<script src="assets/js/index.js"></script>
<script src="assets/js/ggxx.js"></script>
<script src="assets/js/chajian.js"></script>
<script src="assets/js/event.js"></script>

</head>
<body>
<jsp:include page="header.jsp"></jsp:include>
		<div class="right right_width" id="main">
			 <c:if test="${param.sign!=null && not empty param.sign}">
			      <c:choose>  
			            <c:when test="${param.sign=='zixun'}">   
			                 <script>
							  $('#main').load('front'); 
							 </script>
			            </c:when>  
			            <c:otherwise>  
				            <script>
							  $('#main').load('${param.sign}'); 
							 </script>
			            </c:otherwise>  
		           </c:choose>  
			</c:if> 
			<c:if test="${empty param.sign}">
			<div class="main">
			<!-- 地图展示 -->
			<div class="map ggxxframe" style="height: 100%">
				<!--zss add  -->
			      <div id="left-panel" style="height:35%;">
			          <div id="searchbox" class="clearfix">
			             <div id="searchbox-container" >
			                <div id="sole-searchbox-content" class="searchbox-content" >
			                  <input id="sole-input" class="searchbox-content-common" type="text" name="word" autocomplete="off" maxlength="256" placeholder="搜地点、查公交、找路线" value>
			                  <div class="input-clear" title="清空"></div>
			                  <div id="startroutebutton"   class="searchbox-content-button right-button route-button loading-button" data-title="路线" data-tooltip="1">
			                  </div>
			                  <div  id="endroutebutton1"class="searchbox-content-button right-button cancel-button loading-button" data-title="关闭路线" data-tooltip="2" style="display: none;left: 330px;top: 0px; position: absolute; background-color: #fff;" >
			                  </div>
			                </div>
			                
			                <div id="route-searchbox-content" class="searchbox-content route-searchbox-content bus" style="display: none;">
			                   <div class="route-header" >
			                       <div class="searchbox-content-common route-tabs">
			                           <div id="bustab" class="tab-item bus-tab" data-index="bus">
			                              <i></i>
			                              <span>公交</span>
			                           </div>
			                           <div id="drivetab" class="tab-item drive-tab" data-index="drive">
			                             <i></i>
			                             <span>驾车</span>
			                           </div>
			                           <div id="walktab" class="tab-item walk-tab" data-index="walk">
			                              <i></i>
			                              <span>步行</span>
			                           </div>
<!-- 			                          <div id="biketab" class="tab-item bike-tab" data-index="bike"> -->
<!-- 			                              <i></i> -->
<!-- 			                              <span>骑行</span> -->
<!-- 			                           </div> -->
			                           <div class="arrow-wrap"></div>
			                       </div>
			                       <div  id="endroutebutton"class="searchbox-content-button right-button cancel-button loading-button" data-title="关闭路线" data-tooltip="2">
			                       </div>
			                       
			                   </div>
			                  
			                   <div class="routebox" style="height: 85px;">
                                   <div class="searchbox-content-common routebox-content">
                                       <div  id="routeboxrevert"  class="routebox-revert" title="切换起终点">
                                          <div class="routebox-revert-icon"></div>
                                       </div>
                                       <div class="routebox-inputs">
                                          <div class="routebox-input route-start">
                                              <div class="route-input-icon"></div>
                                              <input id="inputstart" autocomplete="off" maxlength="256" placeholder="输入起点" class="route-start-input input-iploc" type="text" value="" onkeyup="upperCase()">
                                              <div id="inputclearstart"  class="input-clear" title="清空" style="display: block;"></div>
                                              <div class="route-input-add-icon"></div>
                                          </div>
                                          <div class="routebox-input route-end">
                                              <div class="route-input-icon"></div>
                                             <!--  <input id="inputend" autocomplete="off" maxlength="256" placeholder="输入终点或在图区上选点" class="route-end-input" type="text" value=""> -->
                                              <input id="B_PointName1" autocomplete="off" maxlength="256" placeholder="输入终点" class="route-end-input" type="text" value="" onkeyup="upperCase()">
                                              <div id="inputclearend" class="input-clear" title="清空" style="display: block;"></div>
                                          </div>
                                       </div>
                                   </div>
			                   </div>
			                
			                </div>
			            
			             </div>
			             <button id="search-button" data-title="搜索" data-tooltip="1" "></button>
			              <!-- 百度地图上打印路线 2016-11-16 zss add  -->
			             <button id="button-print" class="button-print" data-title="打印"  onclick="printById('menu_ll > div')" style="display: none;">打印路线</button>
			             
				         <!-- and end -->
			          </div>
			          <!--2016-11-16 zss add  -->
			          <ul id="cards-level1" class="cardlist" >
			            <li id="card-10" class="card animated-card" data-fold="展开" style="padding: 0px; z-index: 100; max-height: 187px;">
			                <div id="nav_container0" class="route-wrap"　 style="display: none;height: 50px;overflow: hidden;"> 
			                   <div class="busrunning-info" id="strategySel">
			                      <table>
			                          <tbody>
			                              <tr id="route_type">
			                                 <td class="sel strategyOn" id="type0" data-sy="0" style="cursor: pointer;">推荐路线</td>
			                                 <td class="noSel"  id="type5" data-sy="5" style="cursor: pointer;">时间短</td>
			                                 <td class="noSel"  id="type2" data-sy="2" style="cursor: pointer;">少换乘</td>
			                                 <td class="noSel"  id="type3" data-sy="3" style="cursor: pointer;">少步行</td>
			                              </tr>
			                          </tbody>
			                      </table>
			                   </div>
			                </div>
			                <div id="nav_container" class="jiacheroute-wrap"　 style="display: none;height: 40px;">
			                   <div id="route_top" class="route_top">
			                       <ul class="strategy-list">
			                          <li class="strategy-item active" id="type1" data-index="0">推荐路线</li>
			                          <li class="strategy-item" id="type4" data-index="1">最短路程</li>
			                          <li class="strategy-item last" id="type6" data-index="2">不走高速</li>
			                       </ul>
			                    </div>
			                </div>
			                <a id="shoufei_container" class="gaosushoufei-list" target="_blank" href="http://221.231.126.5:8080/ycjtj/fwss39/content/95E85DD1ABC9469B91A8CB0030765961.html" style="display: none;" >普通公路收费标准&#10144</a>
			            </li>
			          </ul> 
			          
			          <!--2016-11-16 zss add  end -->
			      </div>
			   <!-- zss end -->
					<div id="baidumap2"  style="height:100%; overflow: hidden; position: relative; z-index: 99; background-color: rgb(243, 241, 236); color: rgb(0, 0, 0); text-align: left;"></div>
					<div class="menu_r" id="menu_r" >
                      <ul >
						<li class="menu_list">
							<div class="menu_2">
							<table class="table1">
									<tr>
										<td class="images"><img src="assets/images/icon_zxc.png"></td><td><a href="javascript:;" id="ggzxc" class="checkbox">公共自行车</a></td>
										<td class="images"><img src="assets/images/icon_czc.png" ></td><td><a href="javascript:;" id="czc" class="checkbox" >出租车</a></td>
										<td class="images"><img src="assets/images/icon_fwzx.png" ></td><td><a href="javascript:;" id="fwzx" class="checkbox">自行车服务中心</a></td>
									</tr>
									<tr> 
 										<td class="images"><img src="assets/images/icon_gjz.png" ></td><td><a href="javascript:;" id="gjzd" class="checkbox">公交站点</a></td> 
										<td class="images"><img src="assets/images/icon_tcc.png" ></td><td><a href="javascript:;" id="ggtcc" class="checkbox">公共停车场</a></td> 
 										<td class="images"><img src="assets/images/icon_ggss.png" ></td><td><a href="javascript:;" id="ggss" class="checkbox">加油站</a></td>
 									</tr> 
 									<tr> 
 										<td class="images"><img src="assets/images/cssj_icon.png" ></td><td ><a href="javascript:;" id="cssj" class="checkbox">城市公路事件</a></td> 
										<td class="images"><img src="assets/images/sj_min.png" ></td><td ><a href="javascript:;" id="gssj" class="checkbox">高速公路事件</a></td> 
 										<td class="images"><img src="assets/images/icon_1.png" ></td><td><a href="javascript:;" id="xlc" class="checkbox">修理厂</a></td>
 									</tr> 
<!-- 									<tr> -->
<!-- 										<td class="images"><img src="assets/images/icon_fwzx.png" ></td><td><a href="javascript:;" id="fwzx" class="checkbox">自行车服务中心</a></td> -->
<!-- 										<td class="images"><img src="assets/images/icon_ggss.png" ></td><td><a href="javascript:;" id="ggss" class="checkbox">加油站</a></td> -->
<!-- 										<td class="images"><img src="assets/images/icon_1.1.png" ></td><td><a href="javascript:;" id="jqz" class="checkbox">加气站</a></td> -->
										
<!-- 									</tr> -->
<!-- 									<tr> -->
<!-- 										<td class="images"><img src="assets/images/icon_1.png" ></td><td><a href="javascript:;" id="xlc" class="checkbox">修理厂</a></td> -->
<!-- 										<td class="images"><img src="assets/images/icon_czc.png" ></td><td><a href="javascript:;" id="czc" class="checkbox" >出租车</a></td> -->
<!-- 										<td class="images"><img src="assets/images/icon_czzt.png" ></td><td><a href="javascript:;" id="czzt" class="checkbox">出租车站台</a></td> -->
<!-- 									</tr> -->
									<tr>
										<td class="images"><img src="assets/images/icon_ctz.png" ></td><td><a href="javascript:;" id="ctkyz" class="checkbox">长途客运站</a></td>
										<td class="images"><img src="assets/images/icon_hcz.png" ></td><td><a href="javascript:;" id="ychcz" class="checkbox">盐城火车站</a></td>
										<td class="images"><img src="assets/images/icon_nyjc.png" ></td><td><a href="javascript:;" id="nyjc" class="checkbox">南洋机场</a></td>
									</tr>
<!-- 									<tr> -->
<!-- 										<td class="images"><img src="assets/images/icon_ldmt.png" ></td><td><a href="javascript:;" id="ldmt" class="checkbox">轮渡码头</a></td> -->
<!-- 										<td class="images" ><img src="assets/images/cssj_icon.png" ></td><td ><a href="javascript:;" id="cssj" class="checkbox">城市公路事件</a></td>  -->
<!-- 										<td class="images" ><img src="assets/images/sj_min.png" ></td><td ><a href="javascript:;" id="gssj" class="checkbox">高速公路事件</a></td> -->
<!-- 									</tr> -->
							</table>
							</div>
						</li>
						</ul>
					</div>
					<!-- 百度地图上的各种事件详情list -->
					<div class="menu_l" id="menu_l1" style="display: none;">
					</div>
				<!-- 城市公路事件和高速公路事件 -->
				
				<div class="menu_detail" id="menu_detail" style="display: none;">
					<!-- 出租车事件的list列表 -->
					<div id="menu_taxi" style="background-color:#ffffff;display: none;">
						<div class="menu_22" id="menu_22" style="background-color:#ffffff;">
						</div>
						<div id="page_22" style="background-color: #ffffff;">
							<div style="white-space: nowrap; text-align: right; background: rgb(229, 236, 249); margin-top: 2px; padding: 2px; overflow: hidden; zoom: 1;">
								<div style="float: left; margin-right: 5px;">
									<p style="margin:0;padding:0;white-space:nowrap;font-size: 12px;">
									</p>
								</div>
							</div>
						</div>
					</div>
					<!-- ------公共自行车的list列表------ -->
<!-- 					 <div id="menu_bicycle" style="background-color:#ffffff;display: none;font-size: 12px;"> -->
<!-- 					<div class="menu_pb" id="menu_pb" style="background-color:#ffffff;"> -->
<!-- 					</div> -->
<!-- 					<div id="page_pb" style="background-color: #ffffff;"> -->
<!-- 						<div style="white-space: nowrap; text-align: right; background: rgb(229, 236, 249); margin-top: 2px; padding: 2px; overflow: hidden; zoom: 1;"> -->
<!-- 							<div style="float: left; margin-right: 5px;"> -->
<!-- 								<p style="margin:0;padding:0;white-space:nowrap;font-size: 12px;"> -->
<!-- 								</p> -->
<!-- 							</div> -->
<!-- 						</div> -->
<!-- 					</div> -->
<!-- 					</div>  -->
					<!-- ---输入无意义符号时显示list----- -->
				</div>
				
				
				
				<!--火车站的左侧list -->
				<div class="train_panel" id="train_panel" style="display: none;">
					<span style="background: url(assets/images/markersA.png);width:19px; height:25px; cursor: pointer; float: left; overflow: hidden; margin: 11px 3px 0px 8px;; display: inline;"></span>
					<div style="height:auto;width:200px;float: left;margin-top: 10px;">
						<a style="font: bold 12px/16px arial,sans-serif; color:#00c;cursor: pointer;" id="train_detail" >盐城火车站</a>
						<p style="font: 15px arial,sans-serif; line-height: 16px;word-wrap: break-word;"><b>地址</b>：范公路69号</p>
						<p style="font: 15px arial,sans-serif; line-height: 16px;word-wrap: break-word;"><b>电话</b>：0515-95105105</p>
	  				</div>
				</div>
				<!--南洋机场 -->
				<div class="plane_panel" id="plane_panel" style="display: none;">
					<span style="background: url(assets/images/markersA.png);width:19px; height:25px; cursor: pointer; float: left; overflow: hidden; margin: 11px 3px 0px 8px;; display: inline;"></span>
					<div style="height:auto;width:200px;float: left;margin-top: 10px;">
						<a style="font: bold 12px/16px arial,sans-serif; color:#00c;cursor: pointer;" id="plane_detail" >盐城南洋国际机场</a>
						<p style="font: 15px arial,sans-serif; line-height: 16px;word-wrap: break-word;"><b>地址</b>：盐城南洋国际机场</p>
						<p style="font: 15px arial,sans-serif; line-height: 16px;word-wrap: break-word;"><b>电话</b>：(0515)88215020</p>
	  				</div>
				</div>
				<!--长途客运站 -->
				<div class="bus_panel" id="bus_panel" style="display: none;">
					<span style="background: url(assets/images/markersA.png) no-repeat;width:20px; height:25px; cursor: pointer; float: left; overflow: hidden; margin: 11px 3px 0px 8px;; display: inline;"></span>
					<div style="height:auto;width:271px;float: left;margin-top: 10px;">
						<a style="font: bold 12px/16px arial,sans-serif; color:#00c;cursor: pointer;" id="bus_detail1" >盐城市汽车客运站</a>
						<p style="font: 15px arial,sans-serif; line-height: 16px;word-wrap: break-word;"><b>地址</b>：江苏省盐城市亭湖区青年路22号（近火车站）</p>
	  				</div>
	  				<span style="background: url(assets/images/markersB.png) no-repeat;width:20px; height:25px; cursor: pointer; float: left; overflow: hidden; margin: 11px 3px 0px 8px;; display: inline;"></span>
					<div style="height:auto;width:271px;float: left;margin-top: 10px;">
						<a style="font: bold 12px/16px arial,sans-serif; color:#00c;cursor: pointer;" id="bus_detail2" >盐都汽车客运站</a>
						<p style="font: 15px arial,sans-serif; line-height: 16px;word-wrap: break-word;"><b>地址</b>：盐马路116号</p>
	  				</div>
	  				<span style="background: url(assets/images/markersC.png) no-repeat;width:20px; height:25px; cursor: pointer; float: left; overflow: hidden; margin: 11px 3px 0px 8px;; display: inline;"></span>
					<div style="height:auto;width:271px;float: left;margin-top: 10px;">
						<a style="font: bold 12px/16px arial,sans-serif; color:#00c;cursor: pointer;" id="bus_detail3" >盐城汽车客运北站</a>
						<p style="font: 15px arial,sans-serif; line-height: 16px;word-wrap: break-word;"><b>地址</b>：开放大道359号</p>
	  				</div>
	  				<span style="background: url(assets/images/markersD.png) no-repeat;width:20px; height:25px; cursor: pointer; float: left; overflow: hidden; margin: 11px 3px 0px 8px;; display: inline;"></span>
					<div style="height:auto;width:271px;float: left;margin-top: 10px;">
						<a style="font: bold 12px/16px arial,sans-serif; color:#00c;cursor: pointer;" id="bus_detail4" >盐城汽车客运西站</a>
						<p style="font: 15px arial,sans-serif; line-height: 16px;word-wrap: break-word;"><b>地址</b>：一沟南路与争进路交叉口东150米</p>
	  				</div>
				</div>
				
				
				
				<div class="notfound" style="display: none;" >
						<p>抱歉，未找到相关地点。</p>
				</div>
				
				<!--搜周边的panel添加   2017.3.2 zhangyn 添加 -->
				<div class="search-around" style="display: none;" >
					
				</div>
				
				
				
				
				
				
				<!-- 存放左侧路线详情的显示页面 -->
				<div class="menu_ll" id="menu_ll" style="display: none" ></div>
				<!-- 右下角的弹出信息显示框 
				<div id="newgz" style="width: 140px;height:130px">
					</div>-->
					
				<!-- --出租车图例显示--- -->	
				<div id="taxi_legend" class="taxi_legend" style="display: none;">
					<img src="assets/images/czc3.png"><span>载客</span>
					<img src="assets/images/czc2.png"><span>空载</span>
				</div>
					
					
					<!-- 点击事件显示的详情页面以及滚动信息 -->
					<div id="tab_con" class="tab_right" style="display:none;background-color: #fffbd6;">
						 <div class="tab_title">
							<span class="span1" id="JTspan1">施工养护</span>
							<span class="span2" id="DLspan1" style="display: none;">交通事故</span>
							<span class="span3" id="CLspan1" style="display: none;">车辆故障</span>
							<span class="span4" id="WHPspan1" style="display: none;">危化品事故处理</span>
							<div class="tab_con_close"><img src="assets/images/icon_close.png"></div>
						</div>
						<div class="scrollDiv" id="scrollDiv" >
							<ul id="scrollUl">
							</ul>
						</div>
					</div>
			</div>
			
		</div>
	    </c:if>
		<div class="clear"></div>
	</div>
</div>
<jsp:include page="footer.jsp"></jsp:include>
</body>
<script>
function loadPage(requerestUrl){
	$('#main').load(requerestUrl);
}
function printById(id) {  
	$("#"+id).jqprint();
	
}
function upperCase(){
	if($("#menu_ll").css("display")=='block'){ 
		var start=$('#menu_ll #RouteAddress_DIV0 #B_PointName0');
		var end=$('#menu_ll #RouteAddress_DIV1 #B_PointName1');
		if(start!=null){
			var a=$('#inputstart').val();
			$('#menu_ll #RouteAddress_DIV0 #B_PointName0').text(a);
		}
		if(end!=null){
			var b=$('#B_PointName1').val();
			$('#menu_ll #RouteAddress_DIV1 #B_PointName1').text(b);
		}
		
	}
	
	
}
</script>
</html>
