美文网首页
cesium 初始化地图

cesium 初始化地图

作者: Amy_yqh | 来源:发表于2022-08-04 16:06 被阅读0次
  const initMap = () => {
      viewer = new Cesium.Viewer("cesiumMap", {
        baseLayerPicker: false, // 地图选择
        geocoder: false, //是否显示地名查找控件
        homeButton: true,
        sceneModePicker: true, //是否显示投影方式控件(2D、2.5D、3D展示方式切换)
        selectionIndicator: false,
        baseLayerPicker: false, //是否显示图层选择控件
        navigationHelpButton: false, //是否显示帮助信息控件
        animation: false, // 是否显示动画控件
        // creditContainer: "credit",
        timeline: false, //是否显示时间线控件
        fullscreenButton: false,
        vrButton: false,
        infoBox: false, //是否显示点击要素之后显示的信息
        // requestRenderMode: true, //启用请求渲染模式
        scene3DOnly: false, //每个几何实例将只能以3D渲染以节省GPU内存,设置为true,2、3维切换按钮将被隐藏
        // sceneMode: 3, //初始场景模式 1 2D模式 2 2D循环模式 3 3D模式  Cesium.SceneMode
        imageryProvider: new Cesium.WebMapTileServiceImageryProvider({
          url: "http://t0.tianditu.gov.cn/img_w/wmts?tk=b6b320a7ccfabfdc30536330efc07f3e",
          layer: "img",
          style: "default",
          tileMatrixSetID: "w",
          format: "tiles",
          maximumLevel: 18,
        }),
      });
      window.viewer = viewer;
      window.viewer._cesiumWidget._creditContainer.style.display = "none";
      window.viewer.scene.globe.depthTestAgainstTerrain = false; //图标被遮挡
      window.viewer.scene.fxaa = false;

      // 设置后当相机高度达到设置的最大和最小高度时将不再放大和缩小
      window.viewer.scene.screenSpaceCameraController.minimumZoomDistance = 0; //相机的高度的最小值
      window.viewer.scene.screenSpaceCameraController.maximumZoomDistance = 20000000; //相机高度的最大值

      // 关闭双击事件
      window.viewer.cesiumWidget.screenSpaceEventHandler.removeInputAction(
        Cesium.ScreenSpaceEventType.LEFT_DOUBLE_CLICK
      );
      viewer.camera.flyTo({
        destination: Cesium.Cartesian3.fromDegrees(112.98242, 22.87485, 100000),
        orientation: {
          heading: Cesium.Math.toRadians(0), // 水平偏角,默认正北 0
          pitch: Cesium.Math.toRadians(-90), // 俯视角,默认-90,垂直向下
          roll: 0, // 旋转角
        },
      });
    };

相关文章

网友评论

      本文标题:cesium 初始化地图

      本文链接:https://www.haomeiwen.com/subject/bbgywrtx.html