无人机取证上图联动

src/views/farmlandProtection/components/hcxx.vue

@@ -55,14 +55,16 @@
     </div>
     <div class="imgCon">
       <div class="echartTitle">
-        <div class="block-title">无人机取证</div>
+        <div class="block-title">无人机取证
+          <el-checkbox v-model="showwrj" @change="clickxsx(xsxList[0])"></el-checkbox>
+        </div>
       </div>
       <div class="imgList">
         <div
           class="imgDiv"
           v-for="(item, i) in xsxList"
           :key="i"
-          @click="clickxsx(item)"
+          @click="clickxsx(item,true)"
         >
           <span>{{ i + 1 }}</span>
           <img :src="item.imagerPath" />
@@ -74,7 +76,7 @@
 
 <script>
 import { getJctbhcInfo, getTiffPath } from "@/api/ghss/jctb.js";
-import { loadGeoJSON } from "@/utils/MapHelper/help.js";
+import { loadGeoJSON, removeGeoJSON } from "@/utils/MapHelper/help.js";
 export default {
   props: {
     detailObj: {
@@ -100,6 +102,7 @@ export default {
       hiindex: "",
       hiid: "",
       xsxList: [],
+      showwrj: false,
     };
   },
   computed: {},
@@ -152,9 +155,14 @@ export default {
       this.$emit("updateParent", "emitImgIndex", val);
     },
     //getEntities(id, url, position, type) {
-    clickxsx(item) {
-      let posArr = item.pngenvelope;
+    clickxsx(item,change) {
+      if(change)this.showwrj = !this.showwrj;
+      if (this.showwrj) {
+        removeGeoJSON("wrj");
+        return;
+      }
 
+      let posArr = item.pngenvelope;
       // 创建Cesium的ImageMaterialProperty
       const imageMaterial = new Cesium.ImageMaterialProperty({
         image: item.imagerPath,
@@ -175,7 +183,7 @@ export default {
             material: imageMaterial,
           },
         });
-        layerSources["wrj"] = data;
+        data.name = "wrj";
       });
     },
     // aaa() {
@@ -424,7 +432,7 @@ export default {
     this.delatePoi("dw");
     this.handler.destroy();
     this.handler = null;
-    viewer.dataSources.remove(layerSources["wrj"]);
+    removeGeoJSON("wrj");
   },
 };
 </script>