Cesium中的摄像机

flyTo

// flyto,让相机飞往某个地方

viewer.camera.flyTo({
  destination: Cesium.Cartesian3.fromDegrees(-117.16, 32.71, 15000.0),
});

viewer.camera.flyTo({
  destination: Cesium.Cartesian3.fromDegrees(-117.16, 32.71, 15000.0),
  orientation: {
    heading: Cesium.Math.toRadians(20.0),
    pitch: Cesium.Math.toRadians(-35.0),
    roll: 0.0,
  },
});

setView

设置摄像机的位置、方向和变换。

// 瞬间到达指定位置和视角

// 1. 设置相机在地球上指定经纬度的高度视角
viewer.camera.setView({
  destination: Cesium.Cartesian3.fromDegrees(-117.16, 32.71, 15000.0), // 设置相机在地球上指定经纬度的高度视角
});

// 2. 设置相机在地球上指定经纬度的位置和方向
viewer.camera.setView({
  destination: cartesianPosition, // 设置相机在地球上指定经纬度的位置
  orientation: {
    heading: Cesium.Math.toRadians(90.0), // 方向，单位为弧度，0.0为正北，正值表示向东，负值表示向西
    pitch: Cesium.Math.toRadians(-90), // 俯仰角，单位为弧度，正值表示往上看，负值表示往下看
    roll: 0.0, // 滚动角，单位为弧度，表示围绕视线轴旋转
  },
});

// 3. 设置相机方向，视角位置不变
viewer.camera.setView({
  orientation: {
    heading: Cesium.Math.toRadians(90.0), // 方向，单位为弧度，0.0为正北，正值表示向东，负值表示向西
    pitch: Cesium.Math.toRadians(-90), // 俯仰角，单位为弧度，正值表示往上看，负值表示往下看
    roll: 0.0, // 滚动角，单位为弧度，表示围绕视线轴旋转
  },
});

// 4. 设置相机在地球上指定经纬度范围的高度视角
viewer.camera.setView({
  destination: Cesium.Rectangle.fromDegrees(west, south, east, north), // 设置相机在地球上指定经纬度范围的高度视角
});

// 5. 设置相机在地球上指定经纬度的位置和方向，使用单位向量
viewer.camera.setView({
  destination: Cesium.Cartesian3.fromDegrees(-122.19, 46.25, 5000.0), // 设置相机在地球上指定经纬度的位置
  orientation: {
    direction: new Cesium.Cartesian3(
      -0.04231243104240401, // 相机视线的方向向量的x分量
      -0.20123236049443421, // 相机视线的方向向量的y分量
      -0.97862924300734 // 相机视线的方向向量的z分量
    ),
    up: new Cesium.Cartesian3(
      -0.47934589305293746, // 相机向上的方向向量的x分量
      -0.8553216253114552, // 相机向上的方向向量的y分量
      0.1966022179118339 // 相机向上的方向向量的z分量
    ),
  },
});

move

// 通过按键移动相机
document.addEventListener("keydown", (e) => {
  // console.log(e);
  // 获取相机离地面的高度
  var height = viewer.camera.positionCartographic.height;
  var moveRate = height / 100;
  if (e.key == "w") {
    // 设置相机向前移动
    viewer.camera.moveForward(moveRate);
  } else if (e.key == "s") {
    // 设置相机向后移动
    viewer.camera.moveBackward(moveRate);
  } else if (e.key == "a") {
    // 设置相机向左移动
    viewer.camera.moveLeft(moveRate);
  } else if (e.key == "d") {
    // 设置相机向右移动
    viewer.camera.moveRight(moveRate);
  } else if (e.key == "q") {
    // 设置相机向左旋转相机
    viewer.camera.lookLeft(Cesium.Math.toRadians(0.1));
  } else if (e.key == "e") {
    // 设置相机向右旋转相机
    viewer.camera.lookRight(Cesium.Math.toRadians(0.1));
  } else if (e.key == "r") {
    // 设置相机向上旋转相机
    viewer.camera.lookUp(Cesium.Math.toRadians(0.1));
  } else if (e.key == "f") {
    // 设置相机向下旋转相机
    viewer.camera.lookDown(Cesium.Math.toRadians(0.1));
  } else if (e.key == "g") {
    // 向左逆时针翻滚
    viewer.camera.twistLeft(Cesium.Math.toRadians(0.1));
  } else if (e.key == "h") {
    // 向右顺时针翻滚
    viewer.camera.twistRight(Cesium.Math.toRadians(0.1));
  }
});