配置子路径xlda 地图新增线路查询

yiming
1 parent 86222fd7
Showing 5 changed files with 631 additions and 27 deletions
bsthLineProfiles/src/main/java/com/ruoyi/project/system/line/domain/BsthTLine.java
bsthLineProfiles/src/main/resources/application.yml
bsthLineProfiles/src/main/resources/mybatis/mybatis/system/BsthTLineMapper.xml
bsthLineProfiles/src/main/resources/templates/system/line/map.html
bsthLineProfiles/src/main/resources/templates/system/line/map2.html
@@ -5,6 +5,7 @@ import com.ruoyi.common.utils.StringUtils;
 import com.ruoyi.framework.aspectj.lang.annotation.Excel;
 import com.ruoyi.framework.web.domain.BaseEntity;
+import java.math.BigDecimal;
 import java.util.Date;
 /**
@@ -443,16 +444,16 @@ public class BsthTLine extends BaseEntity
     public String getLineDistance() {
         int i=0;
-        double k=0;
+        BigDecimal k=new BigDecimal(0);
         if(!StringUtils.isEmpty(mileageUp)&&Double.parseDouble(mileageUp)>0){
             i++;
-            k+=Double.parseDouble(mileageUp);
+            k=k.add(new BigDecimal(mileageUp));
         }
         if(!StringUtils.isEmpty(mileageDown)&&Double.parseDouble(mileageDown)>0){
             i++;
-            k+=Double.parseDouble(mileageDown);
+            k=k.add(new BigDecimal(mileageDown));
         }
-        lineDistance=i>0?String.valueOf(k/i):null;
+        lineDistance=i>0?String.valueOf(k.divide(new BigDecimal(i))):null;
         return lineDistance;
     }
@@ -20,7 +20,7 @@ server:
   port: 9999
   servlet:
     # 应用的访问路径
-    context-path: /
+    context-path: /xlda/
   tomcat:
     # tomcat的URI编码
     uri-encoding: UTF-8
@@ -1375,7 +1375,7 @@ PUBLIC &quot;-//mybatis.org//DTD Mapper 3.0//EN&quot;
 	<select id="usedBsthTLineReport" parameterType="BsthTLine" resultMap="BsthTLineResult">
 		SELECT * from bsth_t_line_history
-		WHERE id IN(SELECT max(id) FROM `bsth_t_line_history` where update_status=-1
+		WHERE id IN(SELECT max(id) FROM `bsth_t_line_history` where 1=1
 		<if test="createTimeEnd != null  and createTimeEnd != ''"> and create_time &lt;= #{createTimeEnd}</if>
 		GROUP BY line_name)
@@ -1405,7 +1405,7 @@ PUBLIC &quot;-//mybatis.org//DTD Mapper 3.0//EN&quot;
 		       h1.vehicles_number vehiclesNumber,h1.number_vehicles_large numberVehiclesLarge,h1.number_vehicles_middle numberVehiclesMiddle,
 		       h1.car_plate carPlate,h1.number_person numberPerson,h1.number_person_driver numberPersonDriver,h1.number_person_sales numberPersonSales,
 		       h1.bus_ev_number busEvNumber,h1.directions directions,h1.halfway_station halfwayStation,
-		       h1.divide_level divideLevel,h1.nightParking nightParking
+		       h1.divide_level divideLevel,h1.nightParking nightParking,
 		       h1.has_timelists hasTimelists,h1.is_metro isMetro,h1.metro_time metroTime,h1.cold_bonus_type coldBonusType,
 			   h1.line_update_type lineUpdateType,h1.revenue_type revenueType,
 			   h1.firstHub firstHub,h1.firstHubAddress firstHubAddress,h1.lastHub lastHub,h1.lastHubAddress lastHubAddress,
@@ -1424,7 +1424,7 @@ PUBLIC &quot;-//mybatis.org//DTD Mapper 3.0//EN&quot;
 			   h2.vehicles_number vehiclesNumberOld,h2.number_vehicles_large numberVehiclesLargeOld,h2.number_vehicles_middle numberVehiclesMiddleOld,
 			   h2.car_plate carPlateOld,h2.number_person numberPersonOld,h2.number_person_driver numberPersonDriverOld,h2.number_person_sales numberPersonSalesOld,
 			   h2.bus_ev_number busEvNumberOld,h2.directions directionsOld,h2.halfway_station halfwayStationOld,
-			   h2.divide_level divideLevelOld,h2.nightParking nightParkingOld
+			   h2.divide_level divideLevelOld,h2.nightParking nightParkingOld,
 			   h2.has_timelists hasTimelistsOld,h2.is_metro isMetroOld,h2.metro_time metroTimeOld,h2.cold_bonus_type coldBonusTypeOld,
 			   h2.line_update_type lineUpdateTypeOld,h2.revenue_type revenueTypeOld,
 		       h2.firstHub firstHubOld,h2.firstHubAddress firstHubAddressOld,h2.lastHub lastHubOld,h2.lastHubAddress lastHubAddressOld
@@ -13,7 +13,7 @@ body, html, #container {
 	margin: 0;
 	font-family: "微软雅黑";
 }
-
+ul li {list-style: none;}
 .info {
 	z-index: 999;
 	width: auto;
@@ -59,17 +59,46 @@ body, html, #container {
 .lf{
 	padding-left: 25px;
 }
+
+
+.drawing-panel {
+	z-index: 999;
+	position: fixed;
+	bottom: 3.5rem;
+	margin-left: 3rem;
+	padding: 1rem 1rem;
+	border-radius: .25rem;
+	background-color: #fff;
+	box-shadow: 0 2px 6px 0 rgba(27, 142, 236, 0.5);
+}
+.draw-btn {
+	width: 75px;
+	height: 30px;
+	background-color: #fff;
+	color: rgba(27, 142, 236, 1);
+	border:1px solid rgba(27, 142, 236, 1);
+	border-radius: 5px;
+	margin: 0 5px;
+}
+label.BMapLabel.BMap_disLabel{
+	display: inline-block;
+	min-width: 100px;
+	margin-bottom: 5px;
+	font-weight: 700;
+}
+
 </style>
 <script
 	src="//api.map.baidu.com/api?type=webgl&v=1.0&ak=IGGrr4UjwIYzatoCRFKEL8sT"></script>
 </head>
 <body>
-	<div class="info" style="width: 450px">
+	<div class="info" style="width: 40%">
 		<ul class="nav nav-tabs" role="tablist">
-			<li role="presentation" class="active"><a onclick="show('station','road','line','area')" role="tab" data-toggle="tab">地点查询</a></li>
-			<li role="presentation"><a onclick="show('road','station','line','area')" role="tab" data-toggle="tab">道路查询</a></li>
-			<li role="presentation"><a onclick="show('line','road','station','area')" role="tab" data-toggle="tab">途经线路</a></li>
-			<li role="presentation"><a onclick="show('area','road','station','line')" role="tab" data-toggle="tab">区域查询</a></li>
+			<li role="presentation" class="active"><a onclick="show('station','road','line','area','lineSeach')" role="tab" data-toggle="tab">地点查询</a></li>
+			<li role="presentation"><a onclick="show('road','station','line','area','lineSeach')" role="tab" data-toggle="tab">道路查询</a></li>
+			<li role="presentation"><a onclick="show('line','road','station','area','lineSeach')" role="tab" data-toggle="tab">途经线路</a></li>
+			<li role="presentation"><a onclick="show('area','road','station','line','lineSeach')" role="tab" data-toggle="tab">区域查询</a></li>
+			<li role="presentation"><a onclick="show('lineSeach','area','road','station','line',)" role="tab" data-toggle="tab">线路查询</a></li>
 		</ul>
 		<form id="station">
@@ -125,7 +154,7 @@ body, html, #container {
 			<div class="row">
 				<h4></h4>
-				<div id="bus" class="col-sm-12" style="padding-left: 20px;width: 440px">
+				<div id="bus" class="col-sm-12">
 				</div>
 				<h4 ></h4>
@@ -163,24 +192,50 @@ body, html, #container {
 				</div>
 			</div>
 		</form>
+
+		<form id="lineSeach" style="display: none">
+			<div class="row">
+				<h4></h4>
+				<label class="col-sm-3"><h4 class="lf">线路名</h4></label>
+				<div class="col-sm-9">
+					<input id="lineName" class="form-control" type="text">
+				</div>
+				<h4></h4>
+			</div>
+			<div class="row">
+				<h4></h4>
+				<div class="col-sm-4">
+					<button type="button" class="el-button el-button--primary el-button--mini" onclick="searchRoad();"><!----><i class="el-icon-search"></i><span>搜索</span></button>
+				</div>
+				<div class="col-sm-4">
+					<button type="button" class="el-button el-button--default el-button--mini" onclick="clearAll()"><!----><i class="el-icon-refresh"></i><span>清除站点结果</span></button>
+				</div>
+			</div>
+		</form>
+
 	</div>
 	<div class="info stationInfo">
 		<div id="stationInfo"></div>
 	</div>
-
 	<div id="container"></div>
+	<ul class = "drawing-panel">
+		<input type="button" class="draw-btn" value="开启测距" onclick="myDis.open()">
+		<input type="button" class="draw-btn" value="关闭测距" onclick="myDis.close()">
+	</ul>
 	<th:block th:include="include :: footer" />
 	<th:block th:include="include :: bootstrap-suggest-js" />
 	<th:block th:include="include :: select2-js" />
+	<script type="text/javascript" src="//mapopen.cdn.bcebos.com/github/BMapGLLib/DistanceTool/src/DistanceTool.min.js"></script>
 	<script>
 		//tab栏控制
-		function show(id1,id2,id3,id4){
+		function show(id1,id2,id3,id4,id5){
 			$('#'+id1).attr("style","display:show;");
 			$('#'+id2).attr("style","display:none;");
 			$('#'+id3).attr("style","display:none;");
 			$('#'+id4).attr("style","display:none;");
+			$('#'+id5).attr("style","display:none;");
 		}
 		//地图的初始化
@@ -223,15 +278,21 @@ body, html, #container {
 		//道路查询
 		function searchRoad(){
 			var roadName=$('#roadName').val();
-			var distance=20000;
-			//创建地址解析器实例
-			var myGeo = new BMapGL.Geocoder();
-			// 将地址解析结果显示在地图上，并调整地图视野
-			myGeo.getPoint(roadName, function(point){
-				map.clearOverlays();
-				map.centerAndZoom(point, 17);
-				b(point.lng,point.lat,distance,roadName)
-			}, '上海市')
+			var lineName=$('#lineName').val();
+			if (roadName!=''){
+				var distance=20000;
+				//创建地址解析器实例
+				var myGeo = new BMapGL.Geocoder();
+				// 将地址解析结果显示在地图上，并调整地图视野
+				myGeo.getPoint(roadName, function(point){
+					map.clearOverlays();
+					map.centerAndZoom(point, 17);
+					b(point.lng,point.lat,distance,roadName)
+				}, '上海市')
+			}else if(lineName!=''){
+				searchBus(lineName);
+			}
+
 		}
 		//区域查询
@@ -486,14 +547,27 @@ body, html, #container {
 			for(var i=1;i<=5;i++){
 				document.getElementById('c'+i).innerHTML='';
 			}
-
+			document.getElementById('bus').innerHTML='';
+			document.getElementById('count').innerHTML='';
 		}
 		function clearAll(){
 			$.form.reset();
+			$('#roadName').val('');
+			$('#lineName').val('');
 			$('#distance2').val('');
 			clearline();
 		}
+
+		var myDis = new BMapGL.DistanceTool(map);
+
+		// 监听测距过程中的鼠标事件
+		myDis.addEventListener('drawend', function(e) {
+		});
+		myDis.addEventListener("addpoint", function(e) {
+		});
+		myDis.addEventListener("removepolyline", function(e) {
+		});
 	</script>
+<!DOCTYPE html>
+<html lang="zh" xmlns:th="http://www.thymeleaf.org"
+	xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
+<head>
+
+<th:block th:include="include :: header('地图查询')" />
+<th:block th:include="include :: select2-css" />
+<style>
+body, html, #container {
+	overflow: hidden;
+	width: 100%;
+	height: 100%;
+	margin: 0;
+	font-family: "微软雅黑";
+}
+
+.info {
+	z-index: 20;
+	width: 95%;
+	min-width: 22rem;
+	padding: .75rem 1.25rem;
+	margin-left: 1rem;
+	position: fixed;
+	top: 1rem;
+	background-color: #f5f5f5d4;
+	border-radius: .25rem;
+	font-size: 14px;
+	color: #666;
+	box-shadow: 0 2px 6px 0 rgba(27, 142, 236, 0.5);
+}
+.myDiv {
+	z-index: 21;
+	width: 10%;
+	padding: .95rem 1.25rem;
+	position: fixed;
+	border-radius: .25rem;
+}
+.stationInfo {
+	right: 0px;
+	top: 100px;
+	display: none;
+}
+
+.tangram-suggestion-main {
+	z-index: 999999;
+}
+.subContainer {
+	position: relative;
+	padding-bottom: 10px;
+}
+.opt {
+	position: relative;
+	padding-top: 10px;
+}
+.optTitle {
+	width: 60px;
+	height: 28px;
+	line-height: 28px;
+	font-size: 14px;
+	text-align: center;
+	background: #c5464a;
+	color: #fff;
+	border-radius: 5px 0 0 5px;
+}
+.lf{
+	padding-left: 25px;
+}
+
+.nav-tabs>li>a {
+	color: #A7B1C2;
+	font-weight: 600;
+	padding: 10px 10px 10px 15px;
+	font-size: 80%;
+}
+
+</style>
+<script
+	src="//api.map.baidu.com/api?type=webgl&v=1.0&ak=IGGrr4UjwIYzatoCRFKEL8sT"></script>
+</head>
+<body>
+		<span class="myDiv">
+			<i class="fa fa-align-justify" style="font-size: 150%" onclick="infoShow()"></i>
+		</span>
+
+		<div class="info" id="info">
+			<ul class="nav nav-tabs" role="tablist" >
+				<li role="presentation" class="active"><a onclick="show('station','road','line','area')" style="margin-left:1rem;" role="tab" data-toggle="tab" >地点查询</a></li>
+				<li role="presentation"><a onclick="show('road','station','line','area')" role="tab" data-toggle="tab" >道路/线路查询</a></li>
+				<li role="presentation"><a onclick="show('line','road','station','area')" role="tab" data-toggle="tab" >途经线路</a></li>
+				<li role="presentation"><a onclick="show('area','road','station','line')" role="tab" data-toggle="tab" s>区域查询</a></li>
+			</ul>
+
+			<form id="station">
+				<div class="row">
+					<h5></h5>
+					<label class="col-sm-3"><h5 class="lf">地点</h5></label>
+					<div class="col-sm-9" >
+						<input type="text"  class="form-control" id="stations">
+						<div id="searchResultPanel" style="border:1px solid #C0C0C0;width:150px;height:auto; display:none;"></div>
+					</div>
+					<h5></h5>
+				</div>
+				<div class="row">
+					<h5></h5>
+					<label class="col-sm-3"><h5 class="lf">范围(米)</h5></label>
+					<div class="col-sm-9">
+						<input id="distance" class="form-control" type="text" placeholder="单位米">
+					</div>
+					<h5></h5>
+				</div>
+				<div class="row">
+					<div class="col-sm-4" >
+						<button type="button" class="el-button el-button--primary el-button--mini" onclick="searchStation()"><!----><i class="el-icon-search"></i><span>搜索</span></button>
+						<button type="button" class="el-button el-button--default el-button--mini" onclick="clearAll()"><!----><i class="el-icon-refresh"></i><span>清除站点结果</span></button>
+					</div>
+				</div>
+			</form>
+
+			<form id="road" style="display: none">
+				<div class="row">
+					<h5></h5>
+					<label class="col-sm-3"><h5 class="lf">路名</h5></label>
+					<div class="col-sm-9">
+						<input id="roadName" class="form-control" type="text">
+					</div>
+					<h5></h5>
+				</div>
+				<div class="row">
+					<div class="col-sm-4" >
+						<button type="button" class="el-button el-button--primary el-button--mini" onclick="searchRoad()"><!----><i class="el-icon-search"></i><span>搜索</span></button>
+						<button type="button" class="el-button el-button--default el-button--mini" onclick="clearAll()"><!----><i class="el-icon-refresh"></i><span>清除站点结果</span></button>
+					</div>
+				</div>
+			</form>
+			<form id="line"  style="display: none">
+
+				<div class="row">
+					<h5></h5>
+
+					<div id="bus" class="col-sm-12" style="padding-left: 20px;width: 100%">
+					</div>
+
+					<h5 ></h5>
+					<div  class="lf">
+						<i class="fa fa-minus " style="color:#5298ff" id="c1"></i>
+						<i class="fa fa-minus " style="color:#E0312A" id="c2"></i>
+						<i class="fa fa-minus " style="color:#30e868" id="c3"></i>
+						<i class="fa fa-minus " style="color:#A80FE4" id="c4"></i>
+						<i class="fa fa-minus " style="color:#0010eb" id="c5"></i>
+					</div>
+					<h5></h5>
+					<h5  class="lf" id="count"></h5>
+					<div class="col-sm-4">
+						<button type="button" class="el-button el-button--default el-button--mini" onclick="clearline();"><!----><i class="el-icon-refresh"></i><span>清除线路</span></button>
+					</div>
+
+				</div>
+			</form>
+			<form id="area" style="display: none">
+				<div class="row">
+					<h5></h5>
+					<label class="col-sm-3"><h5 class="lf">范围(米)</h5></label>
+					<div class="col-sm-9">
+						<input id="distance2" class="form-control" type="text" placeholder="单位米">
+					</div>
+					<h5></h5>
+				</div>
+				<div class="row">
+					<div class="col-sm-4" >
+						<button type="button" class="el-button el-button--primary el-button--mini" onclick="searchArea()"><!----><i class="el-icon-search"></i><span>搜索</span></button>
+						<button type="button" class="el-button el-button--default el-button--mini" onclick="clearAll()"><!----><i class="el-icon-refresh"></i><span>清除站点结果</span></button>
+					</div>
+				</div>
+			</form>
+		</div>
+
+
+
+	<div class="info stationInfo">
+		<div id="stationInfo"></div>
+	</div>
+
+	<div id="container"></div>
+	<th:block th:include="include :: footer" />
+	<th:block th:include="include :: bootstrap-suggest-js" />
+	<th:block th:include="include :: select2-js" />
+	<script>
+		//tab栏控制
+		function show(id1,id2,id3,id4){
+			$('#'+id1).attr("style","display:show;");
+			$('#'+id2).attr("style","display:none;");
+			$('#'+id3).attr("style","display:none;");
+			$('#'+id4).attr("style","display:none;");
+		}
+
+		//地图的初始化
+		var map = new BMapGL.Map('container'); // 创建Map实例
+		map.centerAndZoom(new BMapGL.Point(121.528733, 31.237425), 12); // 初始化地图,设置中心点坐标和地图级别
+		map.enableScrollWheelZoom(true); // 开启鼠标滚轮缩放
+
+
+
+		/*map.addEventListener('click', function(e) {
+			if (e.overlay) {
+				return; // 存在覆盖物退出
+			}
+		});
+		var stations
+		*/
+		var sp;
+		var myicon = new BMapGL.Icon(
+				'http://webmap0.map.bdstatic.com/wolfman/static/common/images/us_cursor_9517a2b.png', // 百度图片
+				new BMapGL.Size(18,26), // 视窗大小
+				{
+					imageSize: new BMapGL.Size(144,92), // 引用图片实际大小
+					imageOffset:new BMapGL.Size(18,22)  // 图片相对视窗的偏移
+				}
+		);
+		//地点查询
+		function searchStation(){
+			var distance=$("#distance").val();
+			if(distance==''){
+				return;
+			}
+			map.clearOverlays();
+			map.centerAndZoom(sp, 16);
+			var marker = new BMapGL.Marker(sp);
+			marker.setIcon(myicon);
+			map.addOverlay(marker);    //添加标注
+			a(sp.lng,sp.lat,distance);
+		}
+
+		//道路查询
+		function searchRoad(){
+			var roadName=$('#roadName').val();
+			console.log(roadName);
+			if(roadName==''){
+				return false;
+			}
+			var distance=20000;
+			//创建地址解析器实例
+			var myGeo = new BMapGL.Geocoder();
+			// 将地址解析结果显示在地图上，并调整地图视野
+			myGeo.getPoint(roadName, function(point){
+				map.clearOverlays();
+				map.centerAndZoom(point, 16);
+				b(point.lng,point.lat,distance,roadName)
+			}, '上海市')
+		}
+
+		//区域查询
+		function searchArea(){
+			var distance=$("#distance2").val();
+			map.clearOverlays();
+			var lng=p.latLng.lng;
+			var lat=p.latLng.lat;
+			map.centerAndZoom(new BMapGL.Point(lng,lat), 16);
+			map.addOverlay(p);
+			a(lng,lat,distance);
+		}
+
+		//站点标注
+		function a(lng,lat,distance){
+			$.get("../line/getStation?lng="
+					+lng + "&lat=" + lat + "&dis="
+					+ distance*2/ 1000, function(data) {
+				if (data.code == "0") {
+					var bus=new Array();
+					for ( var i in data.data) {
+						(function(){
+							var station = data.data[i];
+							var marker = new BMapGL.Marker(new BMapGL.Point(station.lonBd, station.latBd),{title:station.standardStationCode});
+
+							marker.station = data.data[i];
+
+							var opts = {
+								width: 200,
+								height: 200,
+								title: station.stationName,
+								enableCloseOnClick:false
+							};
+							var  lineList=data.data[i].lineList;
+							var arr=lineList.split("、")
+							Array.prototype.push.apply(bus, arr);
+							var str='';
+							for ( var j in arr) {
+								str+="<a onClick='searchBus(\""+arr[j]+"\")'>"+arr[j]+"</a>&nbsp;&nbsp;";
+							}
+
+							var info = "";
+							info += "<span>站点名称：" +  data.data[i].stationName
+									+ "</span><br/>";
+							info += "<span>行业编码：" +  data.data[i].standardStationCode
+									+ "</span><br/>";
+							info += "<span>站点编码：" +  data.data[i].stationCode
+									+ "</span><br/>";
+							info += "<span>经过线路：" +  str
+									+ "</span><br/>";
+							info += "<span>道路名称：" +  data.data[i].roadName
+									+ "</span><br/>";
+							var infoWindow = new BMapGL.InfoWindow(info, opts);
+							marker.addEventListener('click', function() {
+								map.openInfoWindow(infoWindow, new BMapGL.Point(station.lonBd, station.latBd)); // 开启信息窗口
+							});
+							map.addOverlay(marker);
+						})();
+					}
+					bus=Array.from(new Set(bus));
+					var str='';
+					for ( var j in bus) {
+						str+=" &nbsp;&nbsp;<a onClick='searchBus(\""+bus[j]+"\")'>"+bus[j]+"</a>";
+					}
+					document.getElementById('bus').innerHTML=str;
+					document.getElementById('count').innerHTML='共'+data.data.length+'个站点 &nbsp;&nbsp;&nbsp; 共'+bus.length+'条线路';
+					// 绘制圆
+					var circle = new BMapGL.Circle(new BMapGL.Point(lng,lat), distance, {
+						strokeColor: 'blue',
+						strokeWeight: 2,
+						strokeOpacity: 0.5
+					});
+					map.addOverlay(circle);
+				}
+			});
+		}
+
+		//站点标注用来查道路的 多了个站点筛选和 去除 圆形范围
+		function b(lng,lat,distance,roadName){
+			$.get("../line/getStation?lng="
+					+lng + "&lat=" + lat + "&dis="
+					+ distance*2/ 1000, function(data) {
+				if (data.code == "0") {
+					var bus=new Array();
+					var c=0;
+					for ( var i in data.data) {
+						(function(){
+							var station = data.data[i];
+							var marker = new BMapGL.Marker(new BMapGL.Point(station.lonBd, station.latBd),{title:station.standardStationCode});
+
+							marker.station = data.data[i];
+
+							var opts = {
+								width: 200,
+								height: 200,
+								title: station.stationName
+							};
+
+
+							if(data.data[i].roadName==roadName){
+								c++;
+								var  lineList=data.data[i].lineList;
+								var arr=lineList.split("、");
+								Array.prototype.push.apply(bus, arr);
+								var str='';
+								for ( var j in arr) {
+									str+="<a onClick='searchBus(\""+arr[j]+"\")'>"+arr[j]+"</a>&nbsp;&nbsp;";
+								}
+								var info = "";
+								info += "<span>站点名称：" +  data.data[i].stationName
+										+ "</span><br/>";
+								info += "<span>行业编码：" +  data.data[i].standardStationCode
+										+ "</span><br/>";
+								info += "<span>站点编码：" +  data.data[i].stationCode
+										+ "</span><br/>";
+								info += "<span>经过线路：" +  str
+										+ "</span><br/>";
+								info += "<span>道路名称：" +  data.data[i].roadName
+										+ "</span><br/>";
+
+								var infoWindow = new BMapGL.InfoWindow(info, opts);
+
+
+								marker.addEventListener('click', function() {
+									map.openInfoWindow(infoWindow, new BMapGL.Point(station.lonBd, station.latBd)); // 开启信息窗口
+								});
+								map.addOverlay(marker);
+							}
+
+						})();
+					}
+					bus=Array.from(new Set(bus));
+					var str='';
+					for ( var j in bus) {
+						str+=" &nbsp;&nbsp;<a onClick='searchBus(\""+bus[j]+"\")'>"+bus[j]+"</a>";
+					}
+
+					document.getElementById('count').innerHTML=' 共'+c+'个站点 &nbsp;&nbsp;&nbsp; 共'+bus.length+'条线路';
+
+					document.getElementById('bus').innerHTML=str;
+				}
+			});
+		}
+
+
+		//百度下拉列表
+		function G(id) {
+			return document.getElementById(id);
+		}
+		var ac = new BMapGL.Autocomplete(    //建立一个自动完成的对象
+				{"input" : "stations"
+					,"location" : map
+				});
+		ac.addEventListener("onhighlight", function(e) {  //鼠标放在下拉列表上的事件
+			var str = "";
+			var _value = e.fromitem.value;
+			var value = "";
+			if (e.fromitem.index > -1) {
+				value = _value.province +  _value.city +  _value.district +  _value.street +  _value.business;
+			}
+			str = "FromItem<br />index = " + e.fromitem.index + "<br />value = " + value;
+
+			value = "";
+			if (e.toitem.index > -1) {
+				_value = e.toitem.value;
+				value = _value.province +  _value.city +  _value.district +  _value.street +  _value.business;
+			}
+			str += "<br />ToItem<br />index = " + e.toitem.index + "<br />value = " + value;
+			G("stations").innerHTML = str;
+		});
+
+		var myValue;
+		ac.addEventListener("onconfirm", function(e) {    //鼠标点击下拉列表后的事件
+			var _value = e.item.value;
+			myValue = _value.province +  _value.city +  _value.district +  _value.street +  _value.business;
+			G("stations").innerHTML ="onconfirm<br />index = " + e.item.index + "<br />myValue = " + myValue;
+			setPlace();
+		});
+		function setPlace(){
+			function myFun(){
+				sp = local.getResults().getPoi(0).point;    //获取第一个智能搜索的结果
+			}
+			var local = new BMapGL.LocalSearch(map, { //智能搜索
+				onSearchComplete: myFun
+			});
+			local.search(myValue);
+		}
+
+
+		//多线路查询
+		var ll=new Array();//存放折线
+		var sl=new Array();//存放站点
+		var readyAdd=new Array();//存放线路
+
+		function searchBus(line){
+			if (readyAdd.length>=5) {
+				alert("最多5条线路");
+				return false
+			}
+			if ($.inArray(line, readyAdd) == -1) {
+				bus.getBusList(line);
+				readyAdd.push(line); //readyAdd为空数组，用于存储已添加的线路名
+				document.getElementById('c'+readyAdd.length).innerHTML=line;
+			} else {
+				alert("该路线已添加");
+			}
+		}
+
+		var colors=['#5298ff','#E0312A','#30e868','#A80FE4','#0010eb']
+		var bus = new BMapGL.BusLineSearch(map, {
+			renderOptions:{map:map,panel:"r-result"},
+			onGetBusListComplete: function onGetBusListComplete (result) {
+				let fstLine = result.getBusListItem(0);//通过线路名查询线路列表默认第一条
+				bus.getBusLine(fstLine);
+			},onPolylinesSet: function onPolylinesSet(polyline){//添加公交线时候回调函数.参数：ply:Polyline 公交线路几何对象
+				//通过删除api自带的折线 然后改变颜色重新渲染
+				map.clearOverlays();
+				//https://mapopen-pub-jsapi.bj.bcebos.com/jsapi/reference/jsapi_webgl_1_0.html#a3b0
+				polyline.setStrokeColor(colors[ll.length]);//颜色
+				polyline.setStrokeWeight(4);//宽度
+				polyline.setStrokeOpacity(0.9);//透明度
+				ll.push(polyline);
+				for(let i in ll){
+					var polyline2=ll[i];
+					map.addOverlay(polyline2); //添加折线覆盖物
+				}
+			},onMarkersSet : function onMarkersSet(array){//添加公交站点时候回调函数.参数：sts:Array 公交站坐标组成的Marker对象数组
+				Array.prototype.push.apply(sl, array);
+				for(var i in sl){
+					map.addOverlay(sl[i]);
+				}
+			}
+		});
+
+
+		//双击标记坐标
+		var p;
+		map.addEventListener('dblclick', function(e){
+			var pt = e.latlng;
+			var marker = new BMapGL.Marker(new BMapGL.Point(pt.lng, pt.lat));
+			marker.setIcon(myicon);
+			map.removeOverlay(p);
+			p=marker;
+			map.addOverlay(p);
+		})
+
+		function clearline(){
+			ll=new Array();//存放折线
+			sl=new Array();//存放站点
+			readyAdd=new Array();//存放线路
+			map.clearOverlays();
+			for(var i=1;i<=5;i++){
+				document.getElementById('c'+i).innerHTML='';
+			}
+
+		}
+
+		function clearAll(){
+			$.form.reset();
+			$('#distance2').val('');
+			clearline();
+		}
+		var showFlag=true;
+		function infoShow(){
+			if(showFlag==true){
+				$("#info").hide();
+				showFlag=false;
+			}else {
+				$("#info").show();
+				showFlag=true;
+			}
+		}
+		function f() {
+			console.log("aa");
+		}
+	</script>
+
+
+
+</body>
+</html>
 \ No newline at end of file