Cesium对相机视角的操作

最新推荐文章于 2024-10-17 23:14:00 发布

静尾

最新推荐文章于 2024-10-17 23:14:00 发布

阅读量2.3k

点赞数

分类专栏： Cesium 文章标签： webgl javascript

本文链接：https://blog.csdn.net/qq_41176306/article/details/117548190

版权

Cesium 专栏收录该内容

28 篇文章

订阅专栏

Cesium对相机视角的操作

// 视角转移到实体对象
viewer.trackedEntity = `实体对象`;

// 通过ID来获取目标对象并设置视角转移
viewer.trackedEntity = viewer.entities.getById(ID);

// 若想将视角转移到实体对象时相机距离实体远一点，可以设置实体的viewFrom属性来设置相机的初始偏移量
this.entity = this.viewer.entities.add({
    // ...
    viewFrom: Cesium.Cartesian3.fromDegrees(117.48,30.67,15000.0)
})

// 视角切换到指定区域
viewer.trackedEntity = undefined;
const rectangleCoord: any = this.$store.state.rectangle;
const position = Cesium.Rectangle.fromCartesianArray([
    Cesium.Cartesian3.fromDegrees(rectangleCoord[0].Latitude, rectangleCoord[0].Longitude + 30, rectangleCoord[0].Altitude),
    Cesium.Cartesian3.fromDegrees(rectangleCoord[1].Latitude, rectangleCoord[1].Longitude + 30, rectangleCoord[1].Altitude),
    Cesium.Cartesian3.fromDegrees(rectangleCoord[2].Latitude, rectangleCoord[2].Longitude - 30, rectangleCoord[2].Altitude),
    Cesium.Cartesian3.fromDegrees(rectangleCoord[3].Latitude, rectangleCoord[3].Longitude - 30, rectangleCoord[3].Altitude),
]);
viewer.camera.flyTo({
  destination: position,
  duration: 0,
});

// 视角从实体对象转移到Home
viewer.trackedEntity = undefined; 
viewer.camera.flyHome(0);