地图

zhsq_qk-ui/src/api/components/supermap.js

@@ -31,3 +31,10 @@ export function getIcon (state) {
     // case "3" : return iconList.yy;break;
   }
 }
+
+export const yjIconList={
+  "yjcs":require('@/assets/images/cameraType/yjcs.png'),
+  "jyd":require('@/assets/images/cameraType/jyd.png'),
+  "fxwz":require('@/assets/images/cameraType/fxwz.png'),
+  // "yy":require('@/assets/images/cameraType/yy.png'),
+}

zhsq_qk-ui/src/views/fusion/aqyj.vue

@@ -218,18 +218,22 @@ export default {
   methods: {
     handleClick() {
       this.$refs.supermap.clearM()
-      let markType = [];
       let that = this;
       $('input[name="ckbx"]:checked').each(function () {
-        // markType.push($(this).attr("id"))
-        switch ($(this).attr("id")){
-          case "sxt": that.loada();break;
-          case "yjcs": that.loadb();break;
-          case "jyd": that.loadc();break;
-          case "fxwz": console.log('4444');
+        switch ($(this).attr("id")) {
+          case "sxt":
+            that.loada();
+            break;
+          case "yjcs":
+            that.loadb();
+            break;
+          case "jyd":
+            that.loadc();
+            break;
+          case "fxwz":
+            that.loadd();
         }
       });
-      // this.$refs.supermap.init(markType)
     },
     loada() {
       this.$refs.supermap.selectCameraList();
@@ -240,8 +244,11 @@ export default {
     loadc() {
       this.$refs.supermap.selectQkEmergencyRescueTeamAllList();
     },
+    loadd() {
+      this.$refs.supermap.selectQkRescueSuppliesAllList();
+    },
     onTeamlick(val) {
-      let markType = [];
+      let dataSource = [];
       this.suppliesCurrent = null;
       this.shelterCurrent = null;
       if (val.id == this.teamCurrent) {
@@ -249,11 +256,12 @@ export default {
       } else {
         this.teamCurrent = val.id;
       }
-      this.$refs.supermap.init(markType.push("jyd"))
+      dataSource.push(val)
+      this.$refs.supermap.addMarkers(dataSource, "jyd")
       this.$refs.supermap.dropLocation(val.latitude, val.longitude);
     },
     onSuppliesclick(val) {
-      let markType = [];
+      let dataSource = [];
       this.teamCurrent = null;
       this.shelterCurrent = null;
       if (val.id == this.suppliesCurrent) {
@@ -261,11 +269,12 @@ export default {
       } else {
         this.suppliesCurrent = val.id;
       }
-      this.$refs.supermap.init(markType.push("fxwz"))
+      dataSource.push(val)
+      this.$refs.supermap.addMarkers(dataSource, "fxwz")
       this.$refs.supermap.dropLocation(val.latitude, val.longitude);
     },
     onShelterlick(val) {
-      let markType = [];
+      let dataSource = [];
       this.teamCurrent = null;
       this.suppliesCurrent = null;
       if (val.id == this.shelterCurrent) {
@@ -273,7 +282,8 @@ export default {
       } else {
         this.shelterCurrent = val.id;
       }
-      this.$refs.supermap.init(markType.push("yjcs"))
+      dataSource.push(val)
+      this.$refs.supermap.addMarkers(dataSource, "yjcs")
       this.$refs.supermap.dropLocation(val.latitude, val.longitude);
     },
     //可视化查询抢险救援队列表

zhsq_qk-ui/src/views/supermap/supermap.vue

@@ -33,7 +33,7 @@
 </template>
 
 <script>
-import {iconList, selectSuperMap, listForMark, getIcon} from '@/api/components/supermap.js';
+import {iconList, selectSuperMap, listForMark, getIcon, yjIconList} from '@/api/components/supermap.js';
 import {
   selectQkEmergencyRescueTeamAllList,
   selectQkEmergencyShelterAllList,
@@ -104,7 +104,9 @@ export default {
       closeChoseBuilding: null,
       lockReconnect: false,
       userId: null,
-      layerGroup: null // 地图标点图标
+      layerGroup: null, // 地图标点图标
+
+      myLayerGroup: []
     }
   },
   mounted() {
@@ -225,211 +227,196 @@ export default {
       this.initSjd();
     },
     //事件落点相关方法
-    init: function (options) {
-      console.log("options", options)
+    init: function () {
+      this.selectCameraList()
+    },
+    addMarkers(options, type) {
+      let marker;
+      let markers = [];
+      let layerGroups = [];
+      let clusterGroup = L.markerClusterGroup({
+        //设置为true时显示聚类所占据的范围
+        showCoverageOnHover: false,
+        //设置为true时会向低一级聚类缩放
+        zoomToBoundsOnClick: true,
+        //增加点位时增加聚合动画（否则会出问题）
+        animateAddingMarkers: true,
+        //最大缩放级别点击聚合图标展开图标
+        spiderfyOnMaxZoom: true
+      });
       for (let i = 0; i < options.length; i++) {
-        if (options[i] == 'sxt') {
-          this.selectCameraList()
-        } else if (options[i] == 'yjcs') {
-          this.selectQkEmergencyShelterAllList()
-        } else if (options[i] == 'jyd') {
-          this.selectQkEmergencyRescueTeamAllList()
-        } else if (options[i] == 'fxwz') {
-          this.selectQkRescueSuppliesAllList()
+        if (type == "sxt") {
+          marker = this.addMarker(options[i], type);
+        } else if (type == "yjcs") {
+          marker = this.addShelterMarker(options[i], type);
+        } else if (type == "jyd") {
+          marker = this.addTeamMarker(options[i], type);
+        } else if (type == "fxwz") {
+          marker = this.addSuppliesMark(options[i], type);
         }
+        clusterGroup.addLayer(marker);
+        this.myLayerGroup.push({type: type, myGroup: clusterGroup});
       }
+      this.map.addLayer(clusterGroup);
+    },
+    addMarker(option, type) {
+      let markers = [];
+      //定义图标
+      let icon = new window.L.Icon({
+        iconUrl: getIcon(option.buildType),
+        iconAnchor: [50, 50],
+        iconSize: [37, 64],
+        popupAnchor: [-33, -47],
+        shadowSize: [41, 41]
+      });
+      //定义落点
+      let marker = L.marker([option.latitude, option.longitude], {
+        icon: icon
+      });
+      //定义泡泡层
+      marker.on('mouseover', function () {
+        let html = "";
+        html += "<p class='v-p-color'>摄像头名称：" + option.cameraName + "</p>";
+        html += "<p class='v-p-color'>摄像头类型：" + option.buildTypeName + "</p>";
+        html += "<p class='v-p-color'>所属派出所：" + option.policeName + "</p>";
+        this.bindPopup(html).openPopup(this.getLatLng());
+      });
+      // /**鼠标移开关闭popup**/
+      marker.on('mouseout', function () {
+        this.closePopup();
+      });
+
+      return marker;
+    },
+
+    addShelterMarker(option, type) {
+      let markers = [];
+      //定义图标
+      let icon = new window.L.Icon({
+        iconUrl: yjIconList[type],
+        iconAnchor: [50, 50],
+        iconSize: [37, 64],
+        popupAnchor: [-33, -47],
+        shadowSize: [41, 41]
+      });
+      //定义落点
+      let marker = L.marker([option.latitude, option.longitude], {
+        icon: icon
+      });
+      //定义泡泡层
+      marker.on('mouseover', function () {
+        let html = "";
+        html += "<p class='v-p-color'>避难场所名称：" + option.name + "</p>";
+        html += "<p class='v-p-color'>类型：" + option.type + "</p>";
+        html += "<p class='v-p-color'>地址：" + option.address + "</p>";
+        html += "<p class='v-p-color'>避难场所范围：" + option.range + "</p>";
+        html += "<p class='v-p-color'>避难场所现状描述：" + option.state + "</p>";
+        html += "<p class='v-p-color'>占地面积（m²）：" + option.area + "</p>";
+        html += "<p class='v-p-color'>可转移安置人数（万人)：" + option.transferPerson + "</p>";
+        html += "<p class='v-p-color'>建设内容：" + option.constructionContent + "</p>";
+        this.bindPopup(html).openPopup(this.getLatLng());
+      });
+      // /**鼠标移开关闭popup**/
+      marker.on('mouseout', function () {
+        this.closePopup();
+      });
+      return marker;
+    },
+
+    addTeamMarker(option, type) {
+      let that = this;
+      let markers = [];
+      //定义图标
+      let icon = new window.L.Icon({
+        iconUrl: yjIconList[type],
+        iconAnchor: [50, 50],
+        iconSize: [37, 64],
+        popupAnchor: [-33, -47],
+        shadowSize: [41, 41]
+      });
+      //定义落点
+      let marker = L.marker([option.latitude, option.longitude], {
+        icon: icon
+      });
+      //定义泡泡层
+      marker.on('click', function () {
+        that.selectQkEmergencyRescueTeamByDeptId(option.deptId)
+        that.suppliesOpen = false
+      });
+      return marker;
+    },
+    addSuppliesMark(option, type) {
+      let that = this;
+      let markers = [];
+      //定义图标
+      let icon = new window.L.Icon({
+        iconUrl: yjIconList[type],
+        iconAnchor: [50, 50],
+        iconSize: [37, 64],
+        popupAnchor: [-33, -47],
+        shadowSize: [41, 41]
+      });
+      //定义落点
+      let marker = L.marker([option.latitude, option.longitude], {
+        icon: icon
+      });
+      //定义泡泡层
+      marker.on('click', function () {
+        that.selectQkRescueSuppliesByDeptId(option.deptId)
+        that.suppliesOpen = false
+      });
+      return marker;
     },
     /**
      * 清理地图标点
      */
     clearM: function () {
-      let _that = this
-      console.log("resultLayer",_that.resultLayer)
-      _that.resultLayer.clearLayers()
+      console.log("this.myLayerGroup",this.myLayerGroup)
+      console.log("this.resultLayer",this.resultLayer)
+      let that = this;
+      if (that.myLayerGroup != null && that.myLayerGroup.length > 0) {
+        for (var i = this.myLayerGroup.length - 1; i >= 0; i--) {
+          that.myLayerGroup[i].myGroup.clearLayers()
+          that.myLayerGroup.splice(i, 1)
+        }
+      }
+      // if (that.resultLayer != null) {
+      //   that.resultLayer.clearLayers()
+      // }
     },
     //查询摄像头落点列表
     selectCameraList() {
+      let that = this;
       listForMark().then(response => {
-        this.addCameraMark(response);
+        that.addMarkers(response.data, "sxt");
       });
     },
-    addCameraMark: function (options) {
-      //创建聚散图层并添加layers
-      let marker = [];
-      this.resultLayer = L.markerClusterGroup({
-        showCoverageOnHover: false,
-        zoomToBoundsOnClick: true,
-        animateAddingMarkers: true,
-        spiderfyOnMaxZoom: true
-      });
-      options.data.forEach(e => {
-        var lat = e.latitude;
-        var lon = e.longitude;
-        var buildType = e.buildType;
-        var markpoint = e.markpoint;
-        var myIcon = L.icon({
-          iconUrl: getIcon(buildType),
-          iconAnchor: [50, 50],
-          iconSize: [37, 64],
-          popupAnchor: [-33, -47],
-          shadowSize: [41, 41],
-        });
-        marker = L.marker([lat, lon], {
-          icon: myIcon
-        });
-        marker.bindPopup(markpoint);
-        this.resultLayer.addLayer(marker);
-        /**鼠标悬停打开popup**/
-        marker.on('mouseover', function () {
-          let html = "";
-          html += "<p class='v-p-color'>摄像头名称：" + e.cameraName + "</p>";
-          html += "<p class='v-p-color'>摄像头类型：" + e.buildTypeName + "</p>";
-          html += "<p class='v-p-color'>所属派出所：" + e.policeName + "</p>";
-          this.bindPopup(html).openPopup(this.getLatLng());
-        });
-        // /**鼠标移开关闭popup**/
-        marker.on('mouseout', function () {
-          this.closePopup();
-        });
+    //查询应急避难所落点列表
+    selectQkEmergencyShelterAllList() {
+      let that = this;
+      selectQkEmergencyShelterAllList().then(response => {
+        that.addMarkers(response.data, "yjcs");
       })
-      this.resultLayer.addTo(this.map)
     },
-
     //查询抢险救援队落点列表
     selectQkEmergencyRescueTeamAllList() {
-      selectQkEmergencyRescueTeamAllList().then(response => {
-        this.addTeamMark(response);
-      })
-    },
-    addTeamMark: function (options) {
-      //创建聚散图层并添加layers
       let that = this;
-      let marker = [];
-      // that.resultLayer = L.markerClusterGroup({
-      //   showCoverageOnHover: false,
-      //   zoomToBoundsOnClick: true,
-      //   animateAddingMarkers: true,
-      //   spiderfyOnMaxZoom: true
-      // });
-      options.data.forEach(e => {
-        var lat = e.latitude;
-        var lon = e.longitude;
-        var myIcon = L.icon({
-          iconUrl: require('@/assets/images/cameraType/yjdw.png'),
-          iconAnchor: [50, 50],
-          iconSize: [37, 64],
-          popupAnchor: [-33, -47],
-          shadowSize: [41, 41],
-        });
-        marker = L.marker([lat, lon], {
-          icon: myIcon
-        });
-        that.resultLayer.addLayer(marker);
-        /**鼠标悬停打开popup**/
-        marker.on('click', function () {
-          that.suppliesOpen = false
-          that.selectQkEmergencyRescueTeamByDeptId(e.deptId)
-        });
-
+      selectQkEmergencyRescueTeamAllList().then(response => {
+        that.addMarkers(response.data, "jyd");
       })
-      that.resultLayer.addTo(that.map)
     },
     selectQkEmergencyRescueTeamByDeptId(deptId) {
       selectQkEmergencyRescueTeamByDeptId(deptId).then(res => {
         this.teamData = res.data;
         this.teamOpen = true
-
       })
     },
-    //查询应急避难所落点列表
-    selectQkEmergencyShelterAllList() {
-      selectQkEmergencyShelterAllList().then(response => {
-        this.addShelterMark(response)
-      })
-    },
-    addShelterMark: function (options) {
-      //创建聚散图层并添加layers
-      let marker = [];
-      // this.resultLayer = L.markerClusterGroup({
-      //   showCoverageOnHover: false,
-      //   zoomToBoundsOnClick: true,
-      //   animateAddingMarkers: true,
-      //   spiderfyOnMaxZoom: true
-      // });
-      options.data.forEach(e => {
-        var lat = e.latitude;
-        var lon = e.longitude;
-        var markpoint = e.markpoint;
-        var myIcon = L.icon({
-          iconUrl: require('@/assets/images/cameraType/bncs.png'),
-          iconAnchor: [50, 50],
-          iconSize: [37, 64],
-          popupAnchor: [-33, -47],
-          shadowSize: [41, 41],
-        });
-        marker = L.marker([lat, lon], {
-          icon: myIcon
-        });
-        marker.bindPopup(markpoint);
-        this.resultLayer.addLayer(marker);
-        /**鼠标悬停打开popup**/
-        marker.on('click', function () {
-          let html = "";
-          html += "<p class='v-p-color'>避难场所名称：" + e.name + "</p>";
-          html += "<p class='v-p-color'>类型：" + e.type + "</p>";
-          html += "<p class='v-p-color'>地址：" + e.address + "</p>";
-          html += "<p class='v-p-color'>避难场所范围：" + e.range + "</p>";
-          html += "<p class='v-p-color'>避难场所现状描述：" + e.state + "</p>";
-          html += "<p class='v-p-color'>占地面积（m²）：" + e.area + "</p>";
-          html += "<p class='v-p-color'>可转移安置人数（万人)：" + e.transferPerson + "</p>";
-          html += "<p class='v-p-color'>建设内容：" + e.constructionContent + "</p>";
-          this.bindPopup(html).openPopup(this.getLatLng());
-        });
-        // /**鼠标移开关闭popup**/
-        marker.on('dblclick', function () {
-          this.closePopup();
-        });
-      })
-      this.resultLayer.addTo(this.map)
-    },
-
     //查询防汛抗旱物资储备落点列表
     selectQkRescueSuppliesAllList() {
-      selectQkRescueSuppliesAllList().then(response => {
-        this.addSuppliesMark(response);
-      })
-    },
-    addSuppliesMark: function (options) {
-      //创建聚散图层并添加layers
       let that = this;
-      let marker = [];
-      // that.resultLayer = L.markerClusterGroup({
-      //   showCoverageOnHover: false,
-      //   zoomToBoundsOnClick: true,
-      //   animateAddingMarkers: true,
-      //   spiderfyOnMaxZoom: true
-      // });
-      options.data.forEach(e => {
-        var lat = e.latitude;
-        var lon = e.longitude;
-        var myIcon = L.icon({
-          iconUrl: require('@/assets/images/cameraType/khwz.png'),
-          iconAnchor: [50, 50],
-          iconSize: [37, 64],
-          popupAnchor: [-33, -47],
-          shadowSize: [41, 41],
-        });
-        marker = L.marker([lat, lon], {
-          icon: myIcon
-        });
-        that.resultLayer.addLayer(marker);
-        /**鼠标悬停打开popup**/
-        marker.on('click', function () {
-          that.teamOpen = false
-          that.selectQkRescueSuppliesByDeptId(e.deptId)
-        });
+      selectQkRescueSuppliesAllList().then(response => {
+        that.addMarkers(response.data, 'fxwz');
       })
-      that.resultLayer.addTo(that.map)
     },
     selectQkRescueSuppliesByDeptId(deptId) {
       selectQkRescueSuppliesByDeptId(deptId).then(res => {
@@ -437,6 +424,190 @@ export default {
         this.suppliesOpen = true
       })
     },
+    // addCameraMark: function (options) {
+    //   //创建聚散图层并添加layers
+    //   let marker = [];
+    //   this.resultLayer = L.markerClusterGroup({
+    //     showCoverageOnHover: false,
+    //     zoomToBoundsOnClick: true,
+    //     animateAddingMarkers: true,
+    //     spiderfyOnMaxZoom: true
+    //   });
+    //   options.data.forEach(e => {
+    //     var lat = e.latitude;
+    //     var lon = e.longitude;
+    //     var buildType = e.buildType;
+    //     var markpoint = e.markpoint;
+    //     var myIcon = L.icon({
+    //       iconUrl: getIcon(buildType),
+    //       iconAnchor: [50, 50],
+    //       iconSize: [37, 64],
+    //       popupAnchor: [-33, -47],
+    //       shadowSize: [41, 41],
+    //     });
+    //     marker = L.marker([lat, lon], {
+    //       icon: myIcon
+    //     });
+    //     marker.bindPopup(markpoint);
+    //     this.resultLayer.addLayer(marker);
+    //     /**鼠标悬停打开popup**/
+    //     marker.on('mouseover', function () {
+    //       let html = "";
+    //       html += "<p class='v-p-color'>摄像头名称：" + e.cameraName + "</p>";
+    //       html += "<p class='v-p-color'>摄像头类型：" + e.buildTypeName + "</p>";
+    //       html += "<p class='v-p-color'>所属派出所：" + e.policeName + "</p>";
+    //       this.bindPopup(html).openPopup(this.getLatLng());
+    //     });
+    //     // /**鼠标移开关闭popup**/
+    //     marker.on('mouseout', function () {
+    //       this.closePopup();
+    //     });
+    //   })
+    //   this.resultLayer.addTo(this.map)
+    // },
+    //
+    // //查询抢险救援队落点列表
+    // selectQkEmergencyRescueTeamAllList() {
+    //   selectQkEmergencyRescueTeamAllList().then(response => {
+    //     this.addTeamMark(response);
+    //   })
+    // },
+    // addTeamMark: function (options) {
+    //   //创建聚散图层并添加layers
+    //   let that = this;
+    //   let marker = [];
+    //   that.resultLayer = L.markerClusterGroup({
+    //     showCoverageOnHover: false,
+    //     zoomToBoundsOnClick: true,
+    //     animateAddingMarkers: true,
+    //     spiderfyOnMaxZoom: true
+    //   });
+    //   options.data.forEach(e => {
+    //     var lat = e.latitude;
+    //     var lon = e.longitude;
+    //     var myIcon = L.icon({
+    //       iconUrl: require('@/assets/images/cameraType/yjdw.png'),
+    //       iconAnchor: [50, 50],
+    //       iconSize: [37, 64],
+    //       popupAnchor: [-33, -47],
+    //       shadowSize: [41, 41],
+    //     });
+    //     marker = L.marker([lat, lon], {
+    //       icon: myIcon
+    //     });
+    //     that.resultLayer.addLayer(marker);
+    //     /**鼠标悬停打开popup**/
+    //     marker.on('click', function () {
+    //       that.suppliesOpen = false
+    //       that.selectQkEmergencyRescueTeamByDeptId(e.deptId)
+    //     });
+    //
+    //   })
+    //   that.resultLayer.addTo(that.map)
+    // },
+    // selectQkEmergencyRescueTeamByDeptId(deptId) {
+    //   selectQkEmergencyRescueTeamByDeptId(deptId).then(res => {
+    //     this.teamData = res.data;
+    //     this.teamOpen = true
+    //
+    //   })
+    // },
+    // // //查询应急避难所落点列表
+    // // selectQkEmergencyShelterAllList() {
+    // //   selectQkEmergencyShelterAllList().then(response => {
+    // //     this.addShelterMark(response)
+    // //   })
+    // // },
+    // addShelterMark: function (options) {
+    //   //创建聚散图层并添加layers
+    //   let marker = [];
+    //   this.resultLayer = L.markerClusterGroup({
+    //     showCoverageOnHover: false,
+    //     zoomToBoundsOnClick: true,
+    //     animateAddingMarkers: true,
+    //     spiderfyOnMaxZoom: true
+    //   });
+    //   options.data.forEach(e => {
+    //     var lat = e.latitude;
+    //     var lon = e.longitude;
+    //     var markpoint = e.markpoint;
+    //     var myIcon = L.icon({
+    //       iconUrl: require('@/assets/images/cameraType/yjcs.png'),
+    //       iconAnchor: [50, 50],
+    //       iconSize: [37, 64],
+    //       popupAnchor: [-33, -47],
+    //       shadowSize: [41, 41],
+    //     });
+    //     marker = L.marker([lat, lon], {
+    //       icon: myIcon
+    //     });
+    //     marker.bindPopup(markpoint);
+    //     this.resultLayer.addLayer(marker);
+    //     /**鼠标悬停打开popup**/
+    //     marker.on('click', function () {
+    //       let html = "";
+    //       html += "<p class='v-p-color'>避难场所名称：" + e.name + "</p>";
+    //       html += "<p class='v-p-color'>类型：" + e.type + "</p>";
+    //       html += "<p class='v-p-color'>地址：" + e.address + "</p>";
+    //       html += "<p class='v-p-color'>避难场所范围：" + e.range + "</p>";
+    //       html += "<p class='v-p-color'>避难场所现状描述：" + e.state + "</p>";
+    //       html += "<p class='v-p-color'>占地面积（m²）：" + e.area + "</p>";
+    //       html += "<p class='v-p-color'>可转移安置人数（万人)：" + e.transferPerson + "</p>";
+    //       html += "<p class='v-p-color'>建设内容：" + e.constructionContent + "</p>";
+    //       this.bindPopup(html).openPopup(this.getLatLng());
+    //     });
+    //     // /**鼠标移开关闭popup**/
+    //     marker.on('dblclick', function () {
+    //       this.closePopup();
+    //     });
+    //   })
+    //   this.resultLayer.addTo(this.map)
+    // },
+    //
+    // //查询防汛抗旱物资储备落点列表
+    // selectQkRescueSuppliesAllList() {
+    //   selectQkRescueSuppliesAllList().then(response => {
+    //     this.addSuppliesMark(response);
+    //   })
+    // },
+    // addSuppliesMark: function (options) {
+    //   //创建聚散图层并添加layers
+    //   let that = this;
+    //   let marker = [];
+    //   that.resultLayer = L.markerClusterGroup({
+    //     showCoverageOnHover: false,
+    //     zoomToBoundsOnClick: true,
+    //     animateAddingMarkers: true,
+    //     spiderfyOnMaxZoom: true
+    //   });
+    //   options.data.forEach(e => {
+    //     var lat = e.latitude;
+    //     var lon = e.longitude;
+    //     var myIcon = L.icon({
+    //       iconUrl: require('@/assets/images/cameraType/khwz.png'),
+    //       iconAnchor: [50, 50],
+    //       iconSize: [37, 64],
+    //       popupAnchor: [-33, -47],
+    //       shadowSize: [41, 41],
+    //     });
+    //     marker = L.marker([lat, lon], {
+    //       icon: myIcon
+    //     });
+    //     that.resultLayer.addLayer(marker);
+    //     /**鼠标悬停打开popup**/
+    //     marker.on('click', function () {
+    //       that.teamOpen = false
+    //       that.selectQkRescueSuppliesByDeptId(e.deptId)
+    //     });
+    //   })
+    //   that.resultLayer.addTo(that.map)
+    // },
+    // selectQkRescueSuppliesByDeptId(deptId) {
+    //   selectQkRescueSuppliesByDeptId(deptId).then(res => {
+    //     this.suppliesData = res.data;
+    //     this.suppliesOpen = true
+    //   })
+    // },
   }
 }