颜色失真

src/components/Query/clickQuery/MultiLevelQuery.vue

@@ -36,6 +36,12 @@
 import { GetTableData } from '@/api/cockpitNew'
 import * as wellknown from "wellknown";
 import * as turf from "@turf/turf";
+
+let manager_multi_level_query = null;
+let pick_entity = null;
+
+let manager_multi_level_vector = null;
+
 export default {
     components: {},
     data() {
@@ -55,7 +61,7 @@ export default {
     //方法集合
     methods: {
         switch_show(flag) {
-            this.pick_entity.entities.values.forEach((res) => {
+            pick_entity.entities.values.forEach((res) => {
                 res.show = flag;
             })
         },
@@ -67,9 +73,9 @@ export default {
 
                     const twoDArray = geojson.coordinates[0];
                     const oneDArray = twoDArray.reduce((accumulator, currentValue) => accumulator.concat(currentValue), []);
-                    that.pick_entity_geo = oneDArray;
+                    this.pick_entity_geo = oneDArray;
 
-                    that.pick_entity.entities.add({
+                    pick_entity.entities.add({
                         polygon: {
                             // 获取指定属性（positions，holes（图形内需要挖空的区域））
                             hierarchy: {
@@ -103,9 +109,9 @@ export default {
                     }, 500);
                     setTimeout(() => {
                         clearInterval(time);
-                        this.pick_entity.entities.values.forEach((res) => {
+                        pick_entity.entities.values.forEach((res) => {
 
-                            this.pick_entity.entities.remove(res);
+                            pick_entity.entities.remove(res);
 
                         })
                     }, 6000)
@@ -169,7 +175,7 @@ export default {
                     position = Cesium.Cartesian3.fromDegrees(0, 0, 0);
                 }
 
-                that.manager_multi_level_query.entities.add({
+                manager_multi_level_query.entities.add({
                     name: "manager_multi_level_query",
                     position: Cesium.Cartesian3.fromDegrees(longitude, latitude, 40),
                     billboard: {
@@ -257,15 +263,15 @@ export default {
             store.state.query_pick_last_pane = null;
             store.state.query_pick_pane = [];
             // 图标
-            var entities = that.manager_multi_level_query.entities.values;
+            var entities = manager_multi_level_query.entities.values;
             for (var i = entities.length - 1; i >= 0; i--) {
-                that.manager_multi_level_query.entities.remove(entities[i]);
+                manager_multi_level_query.entities.remove(entities[i]);
             }
             // 矢量
 
-            this.manager_multi_level_vector.removeAll();
-            // for (let index = 0; index < this.manager_multi_level_vector._primitives.length; index++) {
-            //     const element = this.manager_multi_level_vector._primitives[index];
+            manager_multi_level_vector.removeAll();
+            // for (let index = 0; index < manager_multi_level_vector._primitives.length; index++) {
+            //     const element = manager_multi_level_vector._primitives[index];
             //     console.log('element: ', element);
             //     viewer.scene.primitives.remove(element);
 
@@ -301,7 +307,7 @@ export default {
                 show: true,
 
             })
-            this.manager_multi_level_vector.add(addPolygonGeometry)
+            manager_multi_level_vector.add(addPolygonGeometry)
         },
         draw_vector(geojson, data) {
             // viewer.dataSources.add(Cesium.GeoJsonDataSource.load(geojson, {
@@ -330,16 +336,16 @@ export default {
         this.$nextTick(() => {
             that.handler_multi_level_query = new Cesium.ScreenSpaceEventHandler(viewer.scene.canvas);
 
-            that.manager_multi_level_query = new Cesium.CustomDataSource("manager_multi_level_query");
-            viewer.dataSources.add(that.manager_multi_level_query);
+            manager_multi_level_query = new Cesium.CustomDataSource("manager_multi_level_query");
+            viewer.dataSources.add(manager_multi_level_query);
 
-            this.manager_multi_level_vector = new Cesium.PrimitiveCollection();
-            this.manager_multi_level_vector.destroyPrimitives = false;
-            viewer.scene.primitives.add(this.manager_multi_level_vector);
+            manager_multi_level_vector = new Cesium.PrimitiveCollection();
+            manager_multi_level_vector.destroyPrimitives = false;
+            viewer.scene.primitives.add(manager_multi_level_vector);
 
 
-            that.pick_entity = new Cesium.CustomDataSource("pick_entity");
-            viewer.dataSources.add(that.pick_entity);
+            pick_entity = new Cesium.CustomDataSource("pick_entity");
+            viewer.dataSources.add(pick_entity);
         })
 
     }, //生命周期 - 挂在完成