| | |
| | | private endtime:any=''
|
| | | private InfoWindow = null
|
| | | private startstate:any='none'
|
| | | private setMarker(res) {
|
| | | private setMarker(res) {
|
| | | const that=this
|
| | | that.carDate=[]
|
| | | that.carDataList=[]
|
| | |
| | | //创建单个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) {
|
| | |
| | | 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'
|
| | |
| | | }).then((res)=>{
|
| | | this.dataSource=res.data.data
|
| | | })
|
| | | }
|
| | | }
|
| | | private created () {
|
| | | this.car()
|
| | | this.selectLu()
|