浏览代码

常规提交

sunzehao 2 周之前
父节点
当前提交
61c94fe0c9

+ 6 - 0
src/views/cesiumComponents/windMap2D.vue

@@ -440,6 +440,12 @@ export default {
         },
       });
 
+      const btn = document.getElementById("windBtn")
+
+      btn.addEventListener('click', function(event) {
+        entityxy.show = !entityxy.show;
+      });
+
         const entity = viewer.entities.add({
             id: ids,
             position, // 模型位置

+ 29 - 23
src/views/cesiumComponents/windMap3D.vue

@@ -530,31 +530,37 @@ export default {
 
       this.dixingAdd = true;
 
-      viewer.camera.moveEnd.addEventListener(() => {
-        // 获取相机的笛卡尔3D坐标
-        const position = viewer.camera.position;
-
-        // 将笛卡尔坐标转换为地理坐标(弧度)
-        const cartographic = Cesium.Cartographic.fromCartesian(position);
-
-        // 高度(以米为单位)
-        // 注意:这个高度是相对于WGS84椭球体的高度,不是海拔高度(MSL)
-        const height = Cesium.Math.toDegrees(cartographic.height);
-        if (height > 3000000) {
-          entityxy.show = false;
-          console.log("entityxy false", entityxy.show);
-        }
-        if (height < 3000000) {
-          entityxy.show = true;
-          console.log("entityxy true", entityxy.show);
-        }
-        // 强制请求一次场景重绘
-        if (viewer && viewer.scene) {
-          viewer.scene.requestRender();
-        }
-        console.log("相机高度 (椭球体高):", height, "米");
+      const btn = document.getElementById("windBtn")
+
+      btn.addEventListener('click', function(event) {
+        entityxy.show = !entityxy.show;
       });
 
+    //   viewer.camera.moveEnd.addEventListener(() => {
+    //     // 获取相机的笛卡尔3D坐标
+    //     const position = viewer.camera.position;
+
+    //     // 将笛卡尔坐标转换为地理坐标(弧度)
+    //     const cartographic = Cesium.Cartographic.fromCartesian(position);
+
+    //     // 高度(以米为单位)
+    //     // 注意:这个高度是相对于WGS84椭球体的高度,不是海拔高度(MSL)
+    //     const height = Cesium.Math.toDegrees(cartographic.height);
+    //     if (height > 3000000) {
+    //       entityxy.show = false;
+    //       console.log("entityxy false", entityxy.show);
+    //     }
+    //     if (height < 3000000) {
+    //       entityxy.show = true;
+    //       console.log("entityxy true", entityxy.show);
+    //     }
+    //     // 强制请求一次场景重绘
+    //     if (viewer && viewer.scene) {
+    //       viewer.scene.requestRender();
+    //     }
+    //     console.log("相机高度 (椭球体高):", height, "米");
+    //   });
+
       // 创建事件处理器
       const handler = new Cesium.ScreenSpaceEventHandler(viewer.scene.canvas);
       handler.setInputAction(function (movement) {

+ 12 - 3
src/views/cesiumComponents/windView.vue

@@ -163,13 +163,18 @@
                 <div class="info-item">
                     <span class="label">装机容量(MW)</span><span class="value">1245</span>
                 </div>
-                <div class="info-item">
+                <!-- <div class="info-item">
                     <span class="label">经纬度</span><span class="value">106.2341, 37.2343</span>
-                </div>
+                </div> -->
                 <div class="info-item">
                     <span class="label">并网时间</span><span class="value">2025-08-28</span>
                 </div>
                 <div class="info-item">
+                    <span class="label">风机详情</span>
+                    <span class="value" id="windBtn" @click="showMsg" 
+                    style="color: #4b55ae;cursor:pointer">{{showWindMsg ? '关闭详情' : '查看详情'}}</span>
+                </div>
+                <div class="info-item">
                     <span class="label">电量详情</span>
                     <span class="value" @click="showDetail" 
                     style="color: #4b55ae;cursor:pointer">{{showWindDetail ? '关闭详情' : '查看详情'}}</span>
@@ -834,7 +839,8 @@ export default {
             wpInfos: {},
             lossPower: {},
             dates: "D",
-            showWindDetail: false
+            showWindDetail: false,
+            showWindMsg: true
         }
     },
     mounted() {
@@ -915,6 +921,9 @@ export default {
             this.findProjectPlan();
             this.$emit("showDetail", this.showWindDetail)
         },
+        showMsg() {
+            this.showWindMsg = !this.showWindMsg
+        },
         // 发电量
         findProjectPlan() {
             let data = dataJson.FindProjectplanData