飞过去显示infowindow

gassafety-web/src/components/PopWindowGis/lineInfoWindow.vue

@@ -134,7 +134,7 @@ export default {
       this.obj.polyline.getExtData().class.view.$router.push({
         path: "/realtimeData/realtimedetail",
         query: {
-          alarmId: this.obj.polyline.getExtData().lineData.pipeId,
+          deviceId: this.obj.polyline.getExtData().lineData.pipeId,
         },
       });
     },

gassafety-web/src/utils/gaodeMapView.js

@@ -227,18 +227,22 @@ class gaodeMap {
       //   // console.log(Card)
       //   // e.target.content = this.getMarketContent(data);
       // });
-      marker.on("mouseover", e => {
-        that.markerType = markerType;
-        e.target.content = this.getMarketContent(data);
-        infoWindow.setContent(e.target.content);
-        infoWindow.open(map, e.target.getPosition());
-        that.boxCollision(infoWindow.dom);
-        // that.addCloneDome(e.target, infoWindow);
-        // infoWindow.close();
-        that.workerManInfoWindow = infoWindow;
-      });
+      // marker.on("mouseover", e => {
+      //   that.markerType = markerType;
+      //   e.target.content = this.getMarketContent(data);
+      //   infoWindow.setContent(e.target.content);
+      //   infoWindow.open(map, e.target.getPosition());
+      //   that.boxCollision(infoWindow.dom);
+      //   // that.addCloneDome(e.target, infoWindow);
+      //   // infoWindow.close();
+      //   that.workerManInfoWindow = infoWindow;
+      // });
+      marker.markerType=markerType;
+      marker.data = data;
+      marker.infoWindow =infoWindow;
+      marker.on("mouseover", this.wokerManOpen);
       marker.on("mousedown", e => {
-        console.log(data);
+        // console.log(data);
         that.closeInfoWindow();
         if (marker.workerPoint) return;
         that.workerManView({
@@ -342,7 +346,18 @@ class gaodeMap {
 
     return marker;
   }
+  wokerManOpen=(e)=> {
+      this.markerType =  e.target.markerType;
+      e.target.content = this.getMarketContent( e.target.data);
+      e.target.infoWindow.setContent(e.target.content);
+      e.target.infoWindow.open(map, e.target.getPosition());
+      this.boxCollision(e.target.infoWindow.dom);
+      // that.addCloneDome(e.target, infoWindow);
+      // infoWindow.close();
+      this.workerManInfoWindow = e.target.infoWindow;
+  }
   
+  // 鼠标移入设备时候实行的函数
   infoOpen = e => {
     if (e.target.getExtData().alarmState == 1) {
       if (e.target.getExtData().deviceType == 4) {
@@ -350,7 +365,7 @@ class gaodeMap {
       } else if (e.target.getExtData().deviceType <= 3) {
         this.markerType = +e.target.getExtData().deviceType + 1 + "";
       }
-      console.log("that.markerType", this.markerType);
+      // console.log("this.markerType", this.markerType);
       // 警告状态这样就要换infowindow
       e.target.content = this.getMarketContent(
         e.target.getExtData(),

gassafety-web/src/views/enterprise/mapView/index.vue

@@ -724,13 +724,14 @@ export default {
         this.polylineInfoWindowShow(iten, lat, lng);
       } else if (item.value == 9) {
         // 工作人员
+        this.workerManInfoWindowShow(iten, lat, lng);
       } else {
         // 其他设备
         this.diveceInfoWindowShow(iten, lat, lng);
       }
     },
 
-    // 如果是线条出现infowindow
+    // 如果是线条飞过去出现infowindow
     polylineInfoWindowShow(iten, lat, lng) {
       const target = this.gaoMap.polyLines.filter((item) => {
         return item.getExtData().lineData.pipeId == iten.deviceId;
@@ -770,6 +771,30 @@ export default {
         this.gaoMap.infoOpen(e);
       };
     },
+    // workerMan，值班人员飞过去后侠士infowindow
+    workerManInfoWindowShow(iten, lat, lng) {
+      // console.log("iten",iten.userId)
+      const target = this.gaoMap.markers.filter((item) => {
+        return item.getExtData().userId == iten.userId;
+      })[0];
+      console.log("target", target);
+      const e = {
+        target,
+        lnglat: iten.path,
+      };
+      // 如果是原地不动，就直接执行
+      if (iten.path[0] == lng && iten.path[1] == lat) {
+        this.gaoMap.wokerManOpen(e);
+        return;
+      }
+      // 因为地图移动的时候infowindow无法显示
+      this.gaoMap.handleInfoWindowOpenFunc = () => {
+        this.gaoMap.wokerManOpen(e);
+      };
+    },
+
+
+    // 向右的箭头的动画
     arrowRightChange(item) {
       const index = this.arrowRightNum.indexOf(item.value);
       if (index >= 0) {
@@ -864,6 +889,7 @@ export default {
       this.allList[3] = lljArr;
       this.allList[4] = ylbArr;
     },
+    // 值班人员
     workerManClassify(workManData) {
       const workManArr = workManData.map((item, index) => {
         return {