百度地图路书添加回调功能

百度路书API

需求分析

在路书跑完后，隐藏小车图标

页面效果

html

        //路书--start--
_this.drivingCar = new BMap.DrivingRoute('北京', {
      onSearchComplete: function(res) {
          if (_this.drivingCar.getStatus() == BMAP_STATUS_SUCCESS) {
               var points = [];
              for (let o = 0; o < Oelement.trajectorylist.length; o++) {
                points.push(new BMap.Point(Oelement.trajectorylist[o].lon,Oelement.trajectorylist[o].lat))
              }
              console.log('points',points);
              _this.myBmp.addOverlay(new BMap.Polyline(points, {strokeColor: '#fff'}));
              let icon = new BMap.Icon(require('../../../assets/moveCar2.png'), new window.BMap.Size(88,52),{});
              icon.setImageSize(new BMap.Size(88,52));
              _this.myBmp.setViewport(points);
              _this.lushudata = new BMapLib.LuShu(_this.myBmp,points,{
                defaultContent:"",
                autoView:true,
                icon  : icon,
                speed: 9000,   //实时小车
                enableRotation:true,//是否设置marker随着道路的走向进行旋转
                landmarkPois: []
              });
          }
      }
  });
  _this.drivingCar.search(startPoint, endPoint);

点击开始按钮的事件 method

    startLushu(){
      this.lushudata.start(()=> {  
        console.log("路书结束的回调开始调用了"); 
        // this.lushudata = null; //当前路书置空   
        this.myBmp.removeOverlay(this.publicpoliline); 
      });  
    },

数据格式

说明：由于百度路书js没有提供回调方法，以上代码基于百度路书稍作改动，改动后js可去csdn搜索“百度路书添加回调后js”进行下载或联系本人发送