+3d 2.5d

liuyg

2021-12-31 e40ee62d3e9b71ffe3432d32a53a00c4097b5708

 src/components/mobilemap/index.vue

@@ -46,6 +46,8 @@
      "iconHide",
      "popupsDom",
      "MobileWindowsHideFixed",
      "dimension",
      "dimensionData",
    ]),
  },
  watch: {
@@ -195,9 +197,64 @@
        if (!that.MobileWindowsHide) {
          // that.$store.dispatch("closeMobileWindowsDom"); //关闭随地图弹窗
        }
        // let height = Math.ceil(viewer.camera.positionCartographic.height);
        // console.log(height);
      });

      //自带白模型↓
      // viewer.on(that.DC.SceneEventType.CAMERA_MOVE_END, (e) => {
      viewer.on(that.DC.SceneEventType.CAMERA_CHANGED, (e) => {
        //相机移动最后参数
        //控制高度
        const height = Math.ceil(viewer.camera.positionCartographic.height);
        let conBack = (height) => {
          viewer.camera.setView({
            destination: that.DC.Namespace.Cesium.Cartesian3.fromRadians(
              viewer.camera.positionCartographic.longitude,
              viewer.camera.positionCartographic.latitude,
              height
            ),
            orientation: {
              heading: that.DC.Namespace.Cesium.Math.toRadians(
                that.dimensionData.heading
              ), // 方向
              pitch: that.DC.Namespace.Cesium.Math.toRadians(
                that.dimensionData.pitch
              ), // 倾斜角度
              roll: that.dimensionData.roll,
            },
          });
        };
        // if (height < 300) {
        //   conBack(300);
        // }
        // if (height > 2000) {
        //   conBack(2000);
        // }
        if (height < 500) {
          conBack(500);
        }
        if (height > 6000) {
          conBack(6000);
        }
      });

      // 地图点击事件
      viewer.on(DC.MouseEventType.CLICK, (e) => {
        // console.log(e);
        // 定制化窗体
        that.openPopupS(
          e.position,
          [e.wgs84SurfacePosition.lng, e.wgs84SurfacePosition.lat],
          {
            name: "地图点击",
            address: [e.wgs84SurfacePosition.lng, e.wgs84SurfacePosition.lat],
            introduce: [e.windowPosition.x, e.windowPosition.y],
            from: "地图点击",
          }
        );
      });

      //白模型↓
      // const layer = new DC.TilesetLayer("layer");
      // viewer.addLayer(layer);
      // const tileset = new DC.Tileset(
@@ -222,7 +279,7 @@
      // tileset.setStyle(style);
      // layer.addOverlay(tileset);
      // viewer.flyTo(tileset);
      //自带白模型↑
      //白模型↑

      //精细模型↓
      const tilesetLayer = new that.DC.TilesetLayer("tilesetLayer");
@@ -234,23 +291,115 @@
        }
      );
      tilesetLayer.addOverlay(tileset);
      // tilesetLayer.show = false;
      //精细模型↑

      setTimeout((res) => {
        //转圈
        that.$store.dispatch("mapFlyTo", {
          lntLat: [111.25036579, 34.83767277, 11443175.85],
          heading: 0,
          pitch: -90,
          roll: 0,
          noOpen: true,
          fn: function () {
            viewer.flyTo(tileset);
          },
      // 2.5D贴图↓
      var provider =
        new that.DC.Namespace.Cesium.WebMapTileServiceImageryProvider({
          url: "http://www.tdtfz.com/OneMapServer/rest/services/fzsw2019/MapServer/WMTS/tile/1.0.0/fzsw2019/{Style}/{TileMatrixSet}/{TileMatrix}/{TileRow}/{TileCol}",
          layer: "fzsw2019",
          style: "default",
          tileMatrixSetID: "default028mm",
          format: "image/jpgpng",
          tilingScheme: new that.DC.Namespace.Cesium.GeographicTilingScheme(),
          maximumLevel: 19,
          tileMatrixLabels: [
            "0",
            "1",
            "2",
            "3",
            "4",
            "5",
            "6",
            "7",
            "8",
            "9",
            "10",
            "11",
            "12",
            "13",
            "14",
            "15",
            "16",
            "17",
            "18",
            "19",
          ],
        });

        // viewer.flyTo(tileset);
      }, 2500);
      viewer.imageryLayers.addImageryProvider(provider);
      // 2.5D贴图↑
      let startPoint;
      if (false) {
        startPoint = () => {
          viewer.flyTo(tileset);
          // that.$store.dispatch("mapFlyTo", {
          //   //飞入
          //   lntLat: [115.87988885, 28.72502592, 2100],
          //   // lntLat: [115.87186406, 28.74449337, 1200],
          //   // lntLat: [121.50492752204283, 31.21567802276832, 2530],
          //   heading: 0,
          //   pitch: -45,
          //   roll: 0,
          //   noOpen: true,
          // });
        };
        setTimeout((res) => {
          //转圈
          that.$store.dispatch("mapFlyTo", {
            lntLat: [111.25036579, 34.83767277, 11443175.85],
            heading: 0,
            pitch: -90,
            roll: 0,
            noOpen: true,
            fn: function () {
              // viewer.flyTo(tileset);
              // viewer.flyTo(provider);
              //飞入起始点
              // that.$store.dispatch("mapFlyTo", {
              //   lntLat: [115.87186406, 28.74449337, 1200],
              //   heading: 0,
              //   pitch: -45,
              //   roll: 0,
              //   noOpen: true,
              // });

              startPoint();
            },
          });
          // viewer.flyTo(tileset);
        }, 2500);
      } else {
        startPoint = () => {
          // viewer.zoomToPosition(
          //   new DC.Position(115.86798885, 28.72502592, 2100, 0, -45)
          // );
          viewer.camera.setView({
            // Cesium的坐标是以地心为原点，一向指向南美洲，一向指向亚洲，一向指向北极州
            // fromDegrees()方法，将经纬度和高程转换为世界坐标
            destination: that.DC.Namespace.Cesium.Cartesian3.fromDegrees(
              116.390060025,
              27.95649473,
              2000.0
            ),
            orientation: {
              // 指向
              heading: that.DC.Namespace.Cesium.Math.toRadians(
                that.dimensionData.heading
              ),
              // 视角
              pitch: that.DC.Namespace.Cesium.Math.toRadians(
                that.dimensionData.pitch
              ),
              roll: that.dimensionData.roll,
            },
          });
        };
        startPoint();
      }
      //传递默认位置
      that.$store.commit("MSET_MORENWEIZHI", startPoint);
      // let position = Cesium.Cartesian3.fromDegrees(108, 25, 0); //中心点位置
      // let cameraLimit = new xt3d.CameraDominate.CameraLimit(
      //   viewer,
@@ -288,7 +437,8 @@
      const wall = new that.DC.Wall(arr);
      wall.setStyle({
        material: new that.DC.WallTrailMaterialProperty({
          color: that.DC.Color.DEEPSKYBLUE,
          color: that.DC.Namespace.Cesium.Color.fromBytes(0, 142, 255, 150),
          // color: that.DC.Color.DEEPSKYBLUE,
          speed: 4,
        }),
      });
@@ -308,26 +458,52 @@
      //地图渲染完成执行srore中MSET_CREADE
      // that.$store.dispatch("MSET_CREADE");

      tileset.on(DC.MouseEventType.CLICK, (e) => {
        viewer.scene.globe.depthTestAgainstTerrain = false;
        // console.log(e);
      // tileset.on(DC.MouseEventType.CLICK, (e) => {
      //   viewer.scene.globe.depthTestAgainstTerrain = false;
      //   // console.log(e);

        // 定制化窗体
        that.openPopupS(
          e.position,
          [e.wgs84Position.lng, e.wgs84Position.lat],
          {
            name: e.layer._bid,
            address: e.layer.type,
            introduce: e.layer._id,
          }
        );
      });
      // viewer.flyToPosition(
      //   new that.DC.Position(115.87186406, 28.74449337, 1800, 0, 45, 0)
      // );

      //   // 定制化窗体
      //   that.openPopupS(
      //     e.position,
      //     [e.wgs84Position.lng, e.wgs84Position.lat],
      //     {
      //       name: e.layer._bid,
      //       address: e.layer.type,
      //       introduce: e.layer._id,
      //     }
      //   );
      // });

      viewer.compass.enable = false;
      viewer.zoomController.enable = true;
      viewer.locationBar.enable = true;
      viewer.distanceLegend.enable = true;
      viewer.locationBar.enable = false;
      viewer.distanceLegend.enable = false;
      if (true) {
        // viewer.scene.screenSpaceCameraController.enableZoom = false; //控制视角缩放
        // viewer.scene.screenSpaceCameraController.enableTilt = false; //控制视角旋转
        // viewer.scene.screenSpaceCameraController.minimumZoomDistance = 200; //最小缩放
        // viewer.scene.screenSpaceCameraController.maximumZoomDistance = 1900; //最大缩放
        // 2D和哥伦布视图
        // 控制视角平移：scene.screenSpaceCameraController.enableTranslate = true;
        // 最小
        viewer.scene.screenSpaceCameraController.minimumZoomDistance = 500;
        // 最大
        viewer.scene.screenSpaceCameraController.maximumZoomDistance = 6000;
        // 设置相机缩小时的速率
        viewer.scene.screenSpaceCameraController._minimumZoomRate = 30000;
        // 设置相机放大时的速率
        viewer.scene.screenSpaceCameraController._maximumZoomRate = 5906376272000;
        // 视角平移
        viewer.scene.screenSpaceCameraController.enableRotate = true;
        // 视角缩放
        viewer.scene.screenSpaceCameraController.enableZoom = true;
        // 视角旋转
        viewer.scene.screenSpaceCameraController.enableTilt = false;
      }
    }

    DC.ready(initViewer);