定位飞行

src/components/Query/clickQuery/MultiLevelQuery.vue

@@ -35,7 +35,7 @@
 //这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）
 import { GetTableData } from '@/api/cockpitNew'
 import * as wellknown from "wellknown";
-
+import * as turf from "@turf/turf";
 export default {
     components: {},
     data() {
@@ -44,6 +44,8 @@ export default {
             handler_multi_level_query: null,
             manager_multi_level_query: null,
             manager_multi_level_vector: null,
+            pick_entity: null,
+            pick_entity_geo: null,
         };
     },
     //监听属性 类似于data概念
@@ -52,44 +54,85 @@ export default {
     watch: {},
     //方法集合
     methods: {
+        switch_show(flag) {
+            this.pick_entity.entities.values.forEach((res) => {
+                res.show = flag;
+            })
+        },
         go(e) {
             const that = this;
             e.forEach(element => {
-                // if (element.filed == "geom") {
-                //     viewer.dataSources.remove(viewer.dataSources.getByName('闪烁')[0]);
-
-                //     let geojson = wellknown.parse(element.data);
-
-                //     let polygon = Cesium.GeoJsonDataSource.load(geojson, {
-                //         // clampToGround: true,
-                //         stroke: Cesium.Color.RED,
-                //         fill: Cesium.Color.WHITE.withAlpha(0),
-                //         strokeWidth: 5,
-                //     });
-                //     polygon.then(function (dataSource) {
-                //         console.log('dataSource: ', dataSource);
-                //         // 将数据源添加到Cesium Viewer
-                //         viewer.dataSources.add(dataSource);
-                //         dataSource.name = '闪烁';
-                //         viewer.zoomTo(dataSource);
+                if (element.filed == "geom") {
+                    let geojson = wellknown.parse(element.data);
+
+                    const twoDArray = geojson.coordinates[0];
+                    const oneDArray = twoDArray.reduce((accumulator, currentValue) => accumulator.concat(currentValue), []);
+                    that.pick_entity_geo = oneDArray;
+
+                    that.pick_entity.entities.add({
+                        polygon: {
+                            // 获取指定属性（positions，holes（图形内需要挖空的区域））
+                            hierarchy: {
+                                positions: Cesium.Cartesian3.fromDegreesArray(oneDArray),
+                            },
+                            // 边框
+                            outline: true,
+                            // 边框颜色
+                            outlineColor: Cesium.Color.RED,
+                            // 边框尺寸
+                            outlineWidth: 2,
+                            // 填充的颜色，withAlpha透明度
+                            material: Cesium.Color.GREEN.withAlpha(0),
+                            // 是否被提供的材质填充
+                            fill: true,
+                            // 恒定高度
+                            height: 1.1,
+                            // 显示在距相机的距离处的属性，多少区间内是可以显示的
+                            // distanceDisplayCondition: new Cesium.DistanceDisplayCondition(1000, 10000000),
+                            // 是否显示
+                            show: true,
+                            // 顺序,仅当`clampToGround`为true并且支持地形上的折线时才有效。
+                            zIndex: 10
+                        }
+                    });
+
+                    let flag = true;
+                    let time = setInterval(() => {
+                        flag = !flag
+                        that.switch_show(flag);
+                    }, 500);
+                    setTimeout(() => {
+                        clearInterval(time);
+                        this.pick_entity.entities.values.forEach((res) => {
+
+                            this.pick_entity.entities.remove(res);
 
-                //         let time = setInterval(() => {
-                //             dataSource.show = !dataSource.show;
-                //         }, 500);
-                //         setTimeout(() => {
-                //             clearInterval(time);
-                //             viewer.dataSources.remove(viewer.dataSources.getByName('闪烁')[0]);
+                        })
+                    }, 6000)
 
-                //         }, 6000);
 
+                    // 注意：polygon首尾坐标要一致
+                    var polygon = turf.polygon([geojson.coordinates[0]]);
 
-                //     });
-                // }
+                    var centroid = turf.centroid(polygon).geometry.coordinates;
 
+                    viewer.camera.flyTo({
+                        duration: 1,
 
-                
+                        destination: Cesium.Cartesian3.fromDegrees(centroid[0],centroid[1],3000),
+                        // destination: {
+                        //     x: -6283267.004204832,
+                        //     y: 28123682.896774407,
+                        //     z: 23709669.98539126
+                        // },
+                        orientation: {
+                            heading: 6.149339593573709,
+                            pitch: -1.539825618847483,
+                            roll: 0
+                        },
+                    });
+                }
             });
-
         },
         handleChange(val) {
             // console.log(val);
@@ -174,13 +217,16 @@ export default {
                                     e.forEach((res) => {
                                         if (res.filed == 'geom') {
                                             let geojson = wellknown.parse(res.data);
-
-                                            that.draw_vector(geojson, e);
-
-
+                                            that.draw_vector(geojson, e,);
                                         }
                                     })
                                 });
+
+                                store.state.query_pick_pane.push({
+                                    name: element.dataname,
+                                    value: element.data,
+                                });
+
                                 // that.draw_vector(e);
                             }
                         });
@@ -255,7 +301,6 @@ export default {
                 show: true,
 
             })
-
             this.manager_multi_level_vector.add(addPolygonGeometry)
         },
         draw_vector(geojson, data) {
@@ -291,6 +336,10 @@ export default {
             this.manager_multi_level_vector = new Cesium.PrimitiveCollection();
             this.manager_multi_level_vector.destroyPrimitives = false;
             viewer.scene.primitives.add(this.manager_multi_level_vector);
+
+
+            that.pick_entity = new Cesium.CustomDataSource("pick_entity");
+            viewer.dataSources.add(that.pick_entity);
         })
 
     }, //生命周期 - 挂在完成

src/components/TerrainAnalysis/TerrainCutFillAnalysis/TerrainCutFillAnalysis.vue

@@ -300,14 +300,14 @@ export default {
 
 
 
-      const terrainP = new Cesium.CesiumTerrainProvider({
-        url: 'http://192.168.60.2:8090/iserver/services/3D-local3DCache-SanYaShi_GaoCheng_Level_16DataSource/rest/realspace/datas/%E4%B8%89%E4%BA%9A%E5%B8%82_%E9%AB%98%E7%A8%8B_Level_16%40DataSource',
-        isSct: true//地形服务源自SuperMap iServer发布时需设置isSct为true
-      });
+      // const terrainP = new Cesium.CesiumTerrainProvider({
+      //   url: 'http://192.168.60.2:8090/iserver/services/3D-local3DCache-SanYaShi_GaoCheng_Level_16DataSource/rest/realspace/datas/%E4%B8%89%E4%BA%9A%E5%B8%82_%E9%AB%98%E7%A8%8B_Level_16%40DataSource',
+      //   isSct: true//地形服务源自SuperMap iServer发布时需设置isSct为true
+      // });
 
 
 
-      viewer.terrainProvider = terrainP;
+      // viewer.terrainProvider = terrainP;