CQ_JD
/
nazw


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212
							<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=0.5">
		<link href="img/favicon.ico" rel="shortcut icon">
		<link rel="stylesheet" href="./layui/css/layui.css">
		<link rel="stylesheet" href="./css/district.css">
		<title>重庆市南岸区人民政府--地图搜索页</title>
	</head>
	<body>
		<div class="head">
			<!-- 左边的logo和文字 -->
			<div class="left-logo">
				<img class="logo-img" src="img/map-logo.png" style="width: 446px">
			</div>
			<!-- 右边的搜索框 -->
			<div class="right-search">
				<div class="layui-tab">
					<ul class="layui-tab-title search-change">
						<li class="layui-this">搜索</li>
						<li>公交</li>
						<li>自驾</li>
					</ul>
					<div class="layui-tab-content content-input">
						<div class="layui-tab-item layui-show">
							<div class="input-icon">
								<input type="text" name="" id="" value="" class="inp" />
								<img src="img/ss2.png" class="inp-icon1">
							</div>
						</div>
						<!--  点击公交出现的内容  -->
						<div class="layui-tab-item">
							<div class="input-icon">
								<input type="text" id="gj-one" value="" />
								<div id="change-word"></div>
								<input type="text" name="" id="gj-two" value="" />
								<img src="img/ss2.png" class="inp-icon2" id="inp-icon2">
							</div>
						</div>
						<!--  点击自驾出现的内容  -->
						<div class="layui-tab-item">
							<div class="input-icon">
								<input type="text" name="" id="zj-one" value="" />
								<div id="word-change"></div>
								<input type="text" name="" id="zj-two" value="" />
								<img src="img/ss2.png" class="inp-icon3" id="inp-icon3">
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="main">
			<div class="left-map">
				<!-- 受理场所和查阅场所 -->
				<div class="layui-tab layui-tab-brief show-first" lay-filter="docDemoTabBrief">
					<ul class="layui-tab-title top-title">
						<li class="layui-this">
							<img src="img/slcs1.png">
							<img src="img/slcs2.png" class="hideIcon">
							受理场所
						</li>
						<li>
							<img src="img/sycs1.png" class="hideIcon">
							<img src="img/sycs2.png">
							查阅场所
						</li>
					</ul>
					<div class="layui-tab-content">
						<div class="layui-tab-item layui-show">
							<div class="layui-tab">
								<ul class="layui-tab-title second-title">
									<li>区级部门</li>
									<li class="layui-this">街镇</li>
								</ul>
								<div class="layui-tab-content hidePadding">
									<div class="layui-tab-item hidePadding">
										<div class="districtLevel"></div>
										<div class="textThird"></div>
									</div>
									<div class="layui-tab-item layui-show hidePadding">
										<div class="text-first">
											<p class="tab alltotal">全部</p>
											<p>南坪镇</p>
											<p>涂山镇</p>
											<p>鸡冠石镇</p>
											<p>峡口镇</p>
											<p>长生桥镇</p>
											<p>迎龙镇</p>
											<p>广阳镇</p>
											<p>南坪街道</p>
											<p>花园路街道</p>
											<p>海棠溪街道</p>
											<p>铜元局街道</p>
											<p>龙门浩街道</p>
											<p>弹子石街道</p>
											<p>南山街道</p>
											<p>天文街道</p>
										</div>
										<div class="text-second" id="text-second"></div>
										<div class="text-third"></div>
									</div>
								</div>
							</div>
						</div>
						<div class="layui-tab-item">
							<div class="layui-tab">
								<ul class="layui-tab-title second-title2">
									<li class="layui-this">区级部门</li>
									<li>街镇</li>
								</ul>
								<div class="layui-tab-content hidePadding">
									<div class="layui-tab-item hidePadding layui-show">
										<div class=" districtLevel2"></div>
										<div class="textThird2"></div>
									</div>
									<div class="layui-tab-item">
										<div class="text-first">
											<p class="tab alltotal">暂无数据</p>
											<!-- <p>南坪镇</p>
											<p>涂山镇</p>
											<p>鸡冠石镇</p>
											<p>峡口镇</p>
											<p>长生桥镇</p>
											<p>迎龙镇</p>
											<p>广阳镇</p>
											<p>南坪街道</p>
											<p>花园路街道</p>
											<p>海棠溪街道</p>
											<p>铜元局街道</p>
											<p>龙门浩街道</p>
											<p>弹子石街道</p>
											<p>南山街道</p>
											<p>天文街道</p> -->
										</div>
										<div class="text2-second"></div>
										<div class="text2-third"></div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<!-- 点击公交搜索出现的路径选择 -->
				<div class="show-second">
					<div class="title-second">
						<h6>搜索</h6>
						<button type="button" class="btn-back">返回</button>
					</div>
					<div class="content-second">
						<div id="start"></div>
						<img src="img/right-grey.png">
						<div id="end"></div>
					</div>
					<div class="layui-tab content-third">
						<ul class="layui-tab-title content-title">
							<li class="layui-this">推荐路线</li>
							<li>少步行</li>
							<li>少换乘</li>
							<li>时间最短</li>
						</ul>
						<div class="layui-tab-content" id="result"></div>
					</div>
				</div>
				<!-- 点击自驾搜索出现的路径选择 -->
				<div class="show-third">
					<div class="title-second">
						<h6>搜索</h6>
						<button type="button" class="back-btn">返回</button>
					</div>
					<div class="content-second">
						<div id="start2"></div>
						<img src="img/right-grey.png">
						<div id="end2"></div>
					</div>
					<div class="layui-tab content-third">
						<ul class="layui-tab-title main-third" id="zjxz">
							<li class="layui-this">推荐路线</li>
							<li>最短路程</li>
							<li>不走高速</li>
						</ul>
						<div class="layui-tab-content" id="result1"></div>
					</div>
				</div>
				<!-- 点击搜索出现的页面 -->
				<div class="show-fourth">
					<div class="title-second">
						<h6>搜索</h6>
						<button type="button" class="backBtn">返回</button>
					</div>
					<div class="search-result" id="search-result">
						<div class="textSecond"></div>
						<div class="textFourth"></div>
					</div>
				</div>
			</div>
			<div class="right-map" id="right-map"></div>
		</div>
		<script type="text/javascript" src="//api.map.baidu.com/api?v=2.0&ak=V3e4UjE6ydU2lKSEuHaxAYrqszcW3DyG"></script>
		<script type="text/javascript" src="//api.map.baidu.com/library/TrafficControl/1.4/src/TrafficControl_min.js">
		</script>
		<script type="text/javascript" src="//api.map.baidu.com/library/DistanceTool/1.2/src/DistanceTool_min.js">
		</script>
		<script type="text/javascript" src="//api.map.baidu.com/library/MarkerManager/1.2/src/MarkerManager_min.js">
		</script>
		<script type="text/javascript" src="./layui/layui.js"></script>
		<script type="text/javascript" src="./js/jquery-3.5.1.min.js"></script>
		<script type="text/javascript" src="./js/district.js"></script>
	</body>
</html>