百度地圖之修改路徑顏色

 

接入地圖的小伙伴們都會有這種煩惱，就是終點和起點之間的路徑顏色是淡紫色的，感覺不是很美觀不說，如果項目有需求，還不知道怎么修改它，現在我就說我是怎么修改的這個方法：

代碼展示：

var map = new BMap.Map("allmap");

map.centerAndZoom(new BMap.Point(116.404, 39.915), 11);

map.enableScrollWheelZoom(true);

 

var p1 = new BMap.Point(116.301934,39.977552);

var p2 = new BMap.Point(116.508328,39.919141);

 

var myIcon = new BMap.Icon(".. /img/startIcon.png", new BMap.Size(40,50));

var marker2 = new BMap.Marker(p1,{icon:myIcon});  // 創建標注

map.addOverlay(marker2);

var myIcon1 = new BMap.Icon(".. /img/endIcon.png", new BMap.Size(40,50));

var marker3 = new BMap.Marker(p2,{icon:myIcon1});  // 創建標注

map.addOverlay(marker3);

var driving = new BMap.DrivingRoute(map, {renderOptions:{map: map, autoViewport: true},

            onPolylinesSet:function(routes) {

                searchRoute = routes[0].getPolyline();//導航路線

                map.addOverlay(searchRoute);

            },

            onMarkersSet:function(routes) {           

            map.removeOverlay(routes[0].marker); //刪除起點

               map.removeOverlay(routes[routes.length-1].marker); //刪除終點

            }

        });

        driving.setSearchCompleteCallback(function(){

         var plan = driving.getResults().getPlan(0);

          for(var i=0;i<plan.getNumRoutes();i++){

            var pts =plan.getRoute(i).getPath();

　　　　//重點在這   這個地方是關於修改顏色的

            var polyline = new BMap.Polyline(pts,{ strokeColor: "#44b5c7", strokeWeight: 5, strokeOpacity: 1 });

        map.addOverlay(polyline);

          }

        })

        driving.search(p1, p2,{waypoints:["北京科技大學","北京國際會議中心"]});//waypoints表示途經點

效果展示：

不知道有沒有解決小伙伴的疑問，如果有別的解決方法，歡迎評論說啊~~~