Cesium设置实体初始偏移量

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

静尾

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

阅读量2k

点赞数 1

CC 4.0 BY-SA版权

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

本文链接：https://blog.youkuaiyun.com/qq_41176306/article/details/116203805

Cesium 专栏收录该内容

28 篇文章

订阅专栏

在Cesium中，当点击实体时，视角会切换到该实体，但原始设置可能导致视角过于接近实体。为改善用户体验，通过调整`viewFrom`属性设置一个初始偏移量，如`Cartesian3.fromDegrees(117.48, 30.67, 15000.0)`，使视角保持适当的距离，提供更清晰的观察效果。这种方法可以确保用户在查看模型时获得更好的视觉体验。

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

Cesium设置实体初始偏移量

业务场景：

点击实体，视角切换到实体，但视角距离实体太近了，所以需设置视角偏移量。

修改前（跳转到实体）：
在这里插入图片描述
修改后（跳转到实体）：

export default function (cesium: any, positionProperty: any, start: any, stop: any) {
    return cesium.entities.add({
        id:'test',
        avaliability: new Cesium.TimeIntervalCollection([new Cesium.TimeInterval({ start: start, stop: stop})]),
        position: positionProperty,
        model: {
            uri: '/model/Hxml_2.glb',
            minimumPixelSize: 38,
        },
        orientation: new Cesium.VelocityOrientationProperty(positionProperty),
        path: new Cesium.PathGraphics({
            show: show,
            width: width,
            leadTime: 2880,
            trailTime: 2880,
            material: Cesium.Color.fromCssColorString(color),
        }),
        viewFrom: Cesium.Cartesian3.fromDegrees(117.48,30.67,15000.0)//核心
    })
}

注：

viewFrom: new Cesium.Cartesian3(-100, 0, 100)// 也可，按需取用