初始化图层

lixuliang

2024-04-30 30aa689d25497aacd71b6b9719ca9cb5fd034666

 src/components/mapsdk.vue

@@ -1,6 +1,11 @@
<template>
  <div class="mapBox">
    <div id="mapdiv">
      <div class="imgbox"
           v-if="showFlyimg">
        <img src="../assets/img/feixingqi.png"
             alt="" />
      </div>
      <div class="menu_Top box_divm"
           v-if="$store.state.mapMenuBoolean">
        <map-menu-top v-if="$store.state.mapMenuBoxFlag == '1'" />
@@ -663,6 +668,7 @@
      }
    };
    return {
      showFlyimg: false,
      centerFlag: false,
      buffer: null,
      showBufferBoxDialog: false,
@@ -1126,6 +1132,35 @@
      );

    },
    ViewerCameraBack () {
      var that=this;
      Viewer.camera.changed.addEventListener(() => {
        // 视高 km
        let alt=(
          Viewer.camera.positionCartographic.height/1000
        ).toFixed(2);
        // 方位角
        let heading=Cesium.Math.toDegrees(
          Viewer.camera.heading
        ).toFixed(2);
        // 俯仰角
        let pitch=Cesium.Math.toDegrees(Viewer.camera.pitch).toFixed(
          2
        );
        // 翻滚角
        let roll=Cesium.Math.toDegrees(Viewer.camera.roll).toFixed(2);
        // 级别
        let level=0;
        let tileRender=Viewer.scene._globe._surface._tilesToRender;
        if(tileRender&&tileRender.length>0) {
          level=Viewer.scene._globe._surface._tilesToRender[0]._level;
        }
        // let str = `级数：${level} 视高：${alt}km  方位角：${heading}° 俯仰角：${pitch}° 翻滚角：${roll}°`;

        that.showFlyimg=pitch<-60? true:false;
        // console.log(that.showFlyimg);
      });
    },
    init3DMap () {
      var webKey="94a34772eb88317fcbf8428e10448561";
      //地图初始化
@@ -1166,11 +1201,11 @@
        destination: Cesium.Cartesian3.fromDegrees(110,33,8000000),
      });

      // window.BaseMapLayer = Viewer.imageryLayers.addImageryProvider(
      //   new Cesium.UrlTemplateImageryProvider({
      //     url: gaoDeBaseUrl[1].url,
      //   })
      // );
      window.BaseMapLayer = Viewer.imageryLayers.addImageryProvider(
        new Cesium.UrlTemplateImageryProvider({
          url: gaoDeBaseUrl[2].url,
        })
      );

      Viewer._enableInfoOrSelection=false;
      //显示fps
@@ -1216,6 +1251,7 @@
      window.terrainFlag='MPT'
      window.elevationTool=new SmartEarth.ElevationTool(window.sgworld);
      elevationTool.setContourColor("#F1D487");
      this.ViewerCameraBack();
    },
    //dem切换
    changeTerrainLayer () {
@@ -2361,4 +2397,19 @@
//   color: white !important;
//   border: 1px solid rgba(255, 255, 255, 0.2) !important;
// }
.imgbox {
  position: absolute;
  /* background-color: #fff; */
  /* opacity: 0.2;. */
  /* top:50px; */
  width: 100%;
  height: 400px;
  z-index: 9;
  top: 0px;
}
img {
  width: 100%;
  height: 100%;
  -webkit-user-drag: none;
}
</style>