Cesium跟随视角漫游

最新推荐文章于 2024-07-24 04:34:36 发布

xt3d

最新推荐文章于 2024-07-24 04:34:36 发布

阅读量4.6k

点赞数 2

文章标签： gis webgl js

本文链接：https://blog.csdn.net/xietao20/article/details/109402715

版权

Cesium 专栏收录该内容

86 篇文章 87 订阅

订阅专栏

在三维城市系统中，Cesium提供了实现自动播放的漫游功能，如跟随视角漫游。通过锁定移动的entity对象，可以轻松创建这种效果。关键代码涉及添加entity，设置其position、orientation、model及path属性，并将viewer的trackedEntity设置为该animateEntity。这使得场景能自动展示三维城市模型的不同区域，提供给观众无缝的漫游体验。

摘要由CSDN通过智能技术生成

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;