信息展示 gengdidi

gassafety-web/src/components/PopWindow/markerInfoWindow.vue

@@ -4,7 +4,7 @@
     <div class="top display-default">
       <div class="left text">{{title}}</div>
       <div class="right text">
-        <img src="../../assets/images/closeBtn.png" alt="" />
+        <img src="../../assets/images/closeBtn.png" alt="" @click="map.clearInfoWindow()"/>
       </div>
     </div>
     <!-- 设备信息 -->
@@ -39,7 +39,8 @@ export default {
   props: {
     obj: { typs: Object },
     title: "",
-    data: {}
+    data: {},
+    map: null
   }
 };
 </script>
@@ -67,6 +68,7 @@ export default {
     }
     .right {
       padding-right: 16px;
+      cursor: pointer;
     }
   }
 

gassafety-web/src/utils/gaodeMap.js

@@ -180,7 +180,8 @@ class gaodeMap {
       case DEVICE_TYPE.REGEULATORBOX: {
         const dom = createPop(markerInfoWindow,{
           title: "调压箱",
-          data: data
+          data: data,
+          map:map
         });
         const html = dom.$el;
         dom.remove();
@@ -189,7 +190,8 @@ class gaodeMap {
       case DEVICE_TYPE.VALUEWELL: {
         const dom = createPop(markerInfoWindow,{
           title: "阀门井",
-          data: data
+          data: data,
+          map:map
         });
         const html = dom.$el;
         dom.remove();
@@ -198,7 +200,8 @@ class gaodeMap {
       case DEVICE_TYPE.FLOWMETER: {
         const dom = createPop(markerInfoWindow,{
           title: "流量计",
-          data: data
+          data: data,
+          map:map
         });
         const html = dom.$el;
         dom.remove();