百度地圖多點路徑加載以及調整頁面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 });