javascript - cesium 请问如何通过点击车辆模型，实现视角跟随？

Question

function updateCarModelPosition(positions) {  if (positions.length === 0) {    return;  }  const latestPosition = positions[positions.length - 1];  const cartesian3 = Cesium.Cartesian3.fromDegrees(latestPosition.longitude, latestPosition.latitude, 0.4);  if (!carModelData) {    createCarModel(cartesian3, latestPosition.Angle);  } else {    carModelData.position = cartesian3;    const headingPitchRoll = new Cesium.HeadingPitchRoll(      Cesium.Math.toRadians(latestPosition.Angle + 90),      Cesium.Math.toRadians(0),      Cesium.Math.toRadians(0)    );    carModelData.orientation = Cesium.Transforms.headingPitchRollQuaternion(cartesian3, headingPitchRoll);  }}function createCarModel(cartesian3, angle) {  const headingPitchRoll = new Cesium.HeadingPitchRoll(    Cesium.Math.toRadians(angle + 90),    Cesium.Math.toRadians(0),    Cesium.Math.toRadians(0)  );  const scaleByDistance = new Cesium.NearFarScalar(200, 120, 1200, 0.6);  const distanceDisplayCondition = new Cesium.DistanceDisplayCondition(0, 10000);  carModelData = viewer.entities.add({    position: cartesian3,    orientation: Cesium.Transforms.headingPitchRollQuaternion(cartesian3, headingPitchRoll),    model: {      uri: "http://127.0.0.1:5501/car/scene.gltf",      scale: 75,      scaleByDistance,      distanceDisplayCondition,    },  });}

Answer 1

let shouldFollowCar = false; // 标志位function updateCarModelPosition(positions) {  if (positions.length === 0) {    return;  }  const latestPosition = positions[positions.length - 1];  const cartesian3 = Cesium.Cartesian3.fromDegrees(latestPosition.longitude, latestPosition.latitude, 0.4);    // ...  if (shouldFollowCar) {    viewer.camera.setView({      destination: cartesian3,      orientation: {        heading: Cesium.Math.toRadians(latestPosition.Angle),        pitch: Cesium.Math.toRadians(-30), // 例如，从上方30度角观察        roll: 0.0      }    });  }}const handler = new Cesium.ScreenSpaceEventHandler(viewer.canvas);handler.setInputAction(function (click) {  const pickedObject = viewer.scene.pick(click.position);  if (Cesium.defined(pickedObject) && pickedObject.id === carModelData) {    shouldFollowCar = !shouldFollowCar; // 切换跟随状态  }}, Cesium.ScreenSpaceEventType.LEFT_CLICK);