Cesium中Camera视角飞行或者缩放到指定点并居中的方法

最新推荐文章于 2025-04-27 18:40:27 发布

怡暘

最新推荐文章于 2025-04-27 18:40:27 发布

阅读量7.8k

点赞数 9

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

本文链接：https://blog.csdn.net/sinat_38297809/article/details/122844627

版权

本文详细介绍了Cesium库中Camera对象的setView、flyTo和lookAt三个方法的使用，包括如何设置视角、位置、飞行时间和动画效果，以实现三维场景的平滑导航。示例代码涵盖从经纬度设定位置、通过矩形区域定位、使用单位向量和航向角、俯仰角、翻滚角等多种方式调整视角。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

官方文档：https://cesium.com/learn/cesiumjs/ref-doc/Camera.html?classFilter=ca

Cesium中Camera的用法：

方法1 setView：

该方法被触发时候的效果：三维球立即转到对应的视角、位置上。

官网：

// 1. Set position with a top-down view
viewer.camera.setView({
   
    destination : Cesium.Cartesian3.fromDegrees(-117.16, 32.71, 15000.0)
});

// 2 Set view with heading, pitch and roll
viewer.camera.setView({
   
    destination : cartesianPosition,
    orientation: {
   
        heading : Cesium.Math.toRadians(90.0), // east, default value is 0.0 (north)
        pitch : Cesium.Math.toRadians(-90),    // default value (looking down)
        roll : 0.0                             // default value
    }
});

// 3. Change heading, pitch and roll with the camera position remaining the same.
viewer.camera.setView({
   
    orientation: {
   
        heading : Cesium.Math.toRadians(90.0), // east, default value is 0.0 (north)
        pitch : Cesium.Math.toRadians(-90),    // default value (looking down)
        roll : 0.0                             // default value
    }
});


// 4. View rectangle with a top-down view
viewer.camera.setView({
   
    destination : Cesium.Rectangle.fromDegrees(west, south, east, north)
});

// 5. Set position with an orientation using unit vectors.
viewer.camera.

最低0.47元/天解锁文章