欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

Cesium跟随视角漫游

程序员文章站 2022-03-26 11:38:58
...

Cesium跟随视角漫游

前言

在三维城市系统中,用户常常想要在无人操作的时候让三维场景自动播放漫游功能,这样能够让参观系统的人可以观看到三维城市模型的各个地区。漫游方式有很多种,比如跟随视角漫游、第一人称漫游、上帝视角漫游等。

实现效果

Cesium跟随视角漫游

实现思路

cesium中实现跟随视角漫游比较简单,只需要锁定移动的entity对象即可

关键代码

  this.animateEntity = this.viewer.entities.add({
            availability: new Cesium.TimeIntervalCollection([new Cesium.TimeInterval({
                start: startTime,
                stop: stopTime
            })]),
            position: property,
            orientation: new Cesium.VelocityOrientationProperty(property),
            model: {
                uri: "static/gltf/redCar.glb",
                scale: 0.1
            },
            path: {
                resolution: 1,
                material: new Cesium.PolylineGlowMaterialProperty({
                    glowPower: 0.1,
                    color: Cesium.Color.YELLOW
                }),
                width: 10
            }
        });

        this.viewer.trackedEntity = this.animateEntity;

详情参见 Cesium实战专栏