src/views/cesium.vue

@@ -86,9 +86,9 @@
               frameborder="0"
               style="width: 100%; height: 100%"
             ></iframe>
-              <!-- src="https://www.bilibili.com/video/BV1421DYCELw?t=12.1" -->
+            <!-- src="https://www.bilibili.com/video/BV1421DYCELw?t=12.1" -->
             <video ref="videoPlayer" controls width="95%">
-                <source src="/public/static/windVideo.mp4" type="video/mp4" />
+              <source src="/public/static/windVideo.mp4" type="video/mp4" />
             </video>
           </div>
           <div class="gzck" v-if="showProblemMsg">
@@ -452,43 +452,10 @@ export default {
           maximumLevel: 15,
         }
       );
-      this.viewer.terrainProvider = terrainProvider;
-
-      // const terrainProvider = new Cesium.CesiumTerrainProvider({
-      //   url: "http://localhost:3007/tiles/dixing", // 地形数据所在目录的URL
-      //   requestWaterMask: true, // 如果需要水效果，设置为true
-      //   requestVertexNormals: true, // 如果需要光照效果，设置为true
-      //   minimumLevel: 10,
-      //   maximumLevel: 15,
-      // });
-      // this.viewer.terrainProvider = terrainProvider;
-      // console.log(111, terrainProvider);
-
-      // const imageryProvider = new Cesium.UrlTemplateImageryProvider({
-      //   url: "http://localhost:3007/tiles/dixing/{z}/{x}/{y}",
-      //   // url: "./public/static/dixing/{z}/{x}/{y}.terrain",
-      //   credit: "地形数据",
-      // });
-
-      // this.viewer.imageryLayers.addImageryProvider(imageryProvider);
 
-      // this.viewer.scene.globe.depthTestAgainstTerrain = true; //地形遮挡效果开关，打开后 地形会遮挡看不到的区域
-      this.viewer.scene.globe.enableLighting = true; //对大气和雾启用动态照明效
-    },
+      this.viewer.scene.verticalExaggeration = 10.0;
+      this.viewer.scene.verticalExaggerationRelativeHeight = 2400.0;
 
-    // 初始化地形
-    async initCesiumTerrain() {
-      const terrainProvider = await Cesium.CesiumTerrainProvider.fromUrl(
-        // "http://localhost:3007/tiles/dixing",
-        "./public/static/dixing",
-        {
-          requestWaterMask: true, // 如果需要水效果，设置为true
-          requestVertexNormals: true, // 如果需要光照效果，设置为true
-          requestMetadata: true, // 请求元数据
-          // minimumLevel: 10,
-          maximumLevel: 15,
-        }
-      );
       this.viewer.terrainProvider = terrainProvider;
 
       // const terrainProvider = new Cesium.CesiumTerrainProvider({
@@ -499,6 +466,7 @@ export default {
       //   maximumLevel: 15,
       // });
       // this.viewer.terrainProvider = terrainProvider;
+      // console.log(111, terrainProvider);
 
       // const imageryProvider = new Cesium.UrlTemplateImageryProvider({
       //   url: "http://localhost:3007/tiles/dixing/{z}/{x}/{y}",
@@ -508,8 +476,8 @@ export default {
 
       // this.viewer.imageryLayers.addImageryProvider(imageryProvider);
 
-      // this.viewer.scene.globe.depthTestAgainstTerrain = true; //地形遮挡效果开关，打开后地形会遮挡看不到的区域
-      this.viewer.scene.globe.enableLighting = true; //对大气和雾启用动态照明效果
+      // this.viewer.scene.globe.depthTestAgainstTerrain = true; //地形遮挡效果开关，打开后 地形会遮挡看不到的区域
+      // this.viewer.scene.globe.enableLighting = true; //对大气和雾启用动态照明效
     },
 
     // 初始化底图
@@ -960,6 +928,7 @@ export default {
         strokeWidth: 1, // 边界线宽度
         markerSymbol: "?", // 点要素的符号
         clampToGround: true, // 贴地
+        height: 0,
       }).then((dataSource) => {
         // 添加到视图
         this.viewer.dataSources.add(dataSource);
@@ -973,8 +942,9 @@ export default {
 
           entity.polyline = {
             positions: positions,
-            width: 1,
+            width: 2,
             outline: false,
+            clampToGround: true,
           };
         }
 
@@ -1013,6 +983,7 @@ export default {
         // this.resetViewport1();
       });
     },
+
     initresetViewport() {
       this.resetViewport1();
     },
@@ -1156,7 +1127,7 @@ export default {
           this.trJsonData(windGridData),
           CONTROL_COLOR
         );
-        // this.windLayer = new WindLayer(windGridData, { 
+        // this.windLayer = new WindLayer(windGridData, {
         //   particleSize: 2.0,
         //   particleOpacity: 0.6,
         //   particleSpeed: 0.01,