百度地图多点路径加载以及调整页面js

 1 $(document).ready(function () {
 2 /*用正则表达式获取url传递的地址参数,split后获得地址数组*/
 3 bmap = new BMap.Map(‘mapcontainer‘);
 4 var point = new BMap.Point(116.404, 39.915);//地图中心点
 5 bmap.centerAndZoom(point, 15);//调整缩放以及设立中心点
 6 bmap.enableScrollWheelZoom();
 7 var locations = ["天安门", "北京邮电大学", "地坛公园", "北京师范大学"];
 8 var i = 0;
 9 var points=[];//保存目标点用于调整viewport
10 var driving = new BMap.DrivingRoute(bmap, {
11 policy : BMAP_DRIVING_POLICY_LEAST_TIME,
12 onSearchComplete : function (results) {
13 console.log(i);
14 var path = results.getPlan(0).getRoute(0).getPath();
15 var pathpoly = new BMap.Polyline(path, {
16 strokeColor : "blue",
17 strokeWeight : 6,
18 strokeOpacity : 0.5
19 });
20 if (i === 0) {
21 console.log(‘起点‘ + results.getStart());
22 var start = new BMap.Marker(results.getStart().point);
23 start.setTitle(‘起点:‘ + results.getStart().title);
24 bmap.addOverlay(start);
25 points.push(results.getStart().point);
26 }
27 var marker = new BMap.Marker(results.getEnd().point);
28 points.push(results.getEnd().point);
29 marker.setTitle(‘经过点‘ + (i + 1) + ‘:‘ + results.getEnd().title);
30 bmap.addOverlay(pathpoly);
31 bmap.addOverlay(marker);
32 i++;
33 if (i < locations.length - 1) {
34 setTimeout(driving.search(locations[i], locations[i + 1]), 10000);//调用后面的路径
35 }
36 bmap.setViewport(points); 37 } 38 }); 39 driving.search(locations[0], locations[1]);//调用第一条路径
40 });

 

百度地图多点路径加载以及调整页面js,古老的榕树,5-wow.com

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。