quanyawei
2023-11-08 72a9cd305aeea587c813bd2325552ab0b952471b
src/views/list/road.vue
@@ -451,7 +451,7 @@
  private endtime:any=''
  private InfoWindow = null
  private startstate:any='none'
  private  setMarker(res) {
  private setMarker(res) {
    const that=this
     that.carDate=[]
     that.carDataList=[]
@@ -469,10 +469,25 @@
          //创建单个point
          var myIcon = new BMapGL.Icon(require("@/assets/723cd95f31481a502d495b2d814d658.png"), new BMapGL.Size(50, 50), {
            });
          var startIcon = new BMapGL.Icon(require("@/assets/start.png"), new BMapGL.Size(50, 50), {
            });
          var endIcon = new BMapGL.Icon(require("@/assets/end.png"), new BMapGL.Size(50, 50), {
            });
          const statePoint = new BMapGL.Point(that.carDate[i].flylon,that.carDate[i].flylat);
          bPoints.push(statePoint)
          that.marker[i] = new BMapGL.Marker(statePoint,{icon:myIcon});
          that.marker[i].customData = {data: that.carDate[i].data,state: that.carDate[i].state};
          if (i === 0) {
            that.marker[i] = new BMapGL.Marker(statePoint, { icon: startIcon });
            that.marker[i].customData = { data: that.carDate[i].data, state: that.carDate[i].state };
            that.marker[i].iconPng='startIcon'
          } else if (i === that.carDate.length - 1) {
            that.marker[i] = new BMapGL.Marker(statePoint, { icon: endIcon });
            that.marker[i].customData = { data: that.carDate[i].data, state: that.carDate[i].state };
            that.marker[i].iconPng='endIcon'
          } else {
            that.marker[i] = new BMapGL.Marker(statePoint,{icon:myIcon});
            that.marker[i].customData = { data: that.carDate[i].data, state: that.carDate[i].state };
            that.marker[i].iconPng='myIcon'
          }
          var infoWindow ='';
          //that.marker[i].name = that.carDate[i].time;
          that.marker[i].on('mouseover', function (e) {
@@ -491,6 +506,7 @@
          that.marker[i].addEventListener("click",function(){
            switch(that.carDate[i].state){
              case '1':
                console.log('that.marker',that.marker[i])
                  that.marker[i].setIcon(new BMapGL.Icon(require("@/assets/fb259ce2e368f6853a58b91d6f6b293.png"), new BMapGL.Size(50, 50)
              ));
                that.carDate[i].state='2'
@@ -603,7 +619,7 @@
      }).then((res)=>{
        this.dataSource=res.data.data
      })
    }
  }
  private created () {
    this.car()  
    this.selectLu()