From 3636d6f572a8aaf43af90ba9839a8fa5370eba10 Mon Sep 17 00:00:00 2001
From: quanyawei <401863037@qq.com>
Date: Wed, 08 Nov 2023 17:09:03 +0800
Subject: [PATCH] fix:路劲规划修改
---
src/views/list/road.vue | 24 ++++++++++++++++++++----
src/assets/start.png | 0
src/assets/end.png | 0
3 files changed, 20 insertions(+), 4 deletions(-)
diff --git a/src/assets/end.png b/src/assets/end.png
new file mode 100644
index 0000000..f38f884
--- /dev/null
+++ b/src/assets/end.png
Binary files differ
diff --git a/src/assets/start.png b/src/assets/start.png
new file mode 100644
index 0000000..8701d6f
--- /dev/null
+++ b/src/assets/start.png
Binary files differ
diff --git a/src/views/list/road.vue b/src/views/list/road.vue
index dd0020d..fe9ac86 100644
--- a/src/views/list/road.vue
+++ b/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()
--
Gitblit v1.8.0