Cesium 相机设置

Cesium 相机设置_第1张图片

 1.setView 直接跳转到目的地

 // 设置相机位置

    const position = Cesium.Cartesian3.fromDegrees(113, 31, 20000);

// setView通过定义相机目的地(方向),直接跳转到目的地

    viewer.camera.setView({

        destination: position, // 位置设置

        orientation: { // 默认(0,-90,0)

            heading: Cesium.Math.toRadians(0),   // 摇头

            pitch: Cesium.Math.toRadians(0),    // 点头

            roll: Cesium.Math.toRadians(0),    // 偏头

        },

    });

2. flyTo 飞行动画

const position = Cesium.Cartesian3.fromDegrees(113, 31, 20000);

// flyTo快速切换视角,带飞行动画,可以设置飞行时长

viewer.camera.flyTo({

        destination: position,

        orientation: {

            heading: Cesium.Math.toRadians(0),

            pitch: Cesium.Math.toRadians(0),

            roll: Cesium.Math.toRadians(0),

        },

        duration: 3, // 单位秒

    });

 3.lookAt 不能移动位置(拖动地图)

const position2 = Cesium.Cartesian3.fromDegrees(110, 20);

// lookAt将视角固定在设置的点位上,可以放大缩小旋转,但不能移动位置(拖动地图)

    viewer.camera.lookAt(

        position2,

        new Cesium.HeadingPitchRange(

            Cesium.Math.toRadians(0),

            Cesium.Math.toRadians(-90),

            20000,

        ),

    );

你可能感兴趣的:(cesium,前端,webgl)