【Cesium】Entity Box加载

程序员不丑009

已于 2024-03-08 15:25:31 修改

阅读量238

点赞数 3

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

于 2024-03-08 15:14:35 首次发布

本文链接：https://blog.csdn.net/u013517229/article/details/136562967

版权

Cesium 专栏收录该内容

9 篇文章 2 订阅

订阅专栏

效果图：

代码：

        let viewer = new Cesium.Viewer('cesiumContainer');
        // box体的中心
        let position = Cesium.Cartesian3.fromDegrees(113.084904, 22.931942, 200);
        viewer.entities.add(new Cesium.Entity({
            position: position,
            point: new Cesium.PointGraphics({
                color: Cesium.Color.fromAlpha(Cesium.Color.RED, 1),
                pixelSize: 10,
                outlineColor: Cesium.Color.fromAlpha(Cesium.Color.YELLOW, 1)
            }),
        }));

        let heading = Cesium.Math.toRadians(10);
        let hpr = new Cesium.HeadingPitchRoll(heading, 0, 0);
        let orientation = Cesium.Transforms.headingPitchRollQuaternion(position, hpr);
        const boxEntity = new Cesium.Entity({
            // 此点在box体的中心
            position: position,
            // 转动盒子方向（heading，pitch，roll）
            orientation: orientation,
            box: {
                // 设置长、宽、高都为200米
                // 此处高度为200，以box体的中心作为参照，上下各100
                dimensions: new Cesium.Cartesian3(200, 200, 200),
                material: Cesium.Color.fromAlpha(Cesium.Color.BLUE, 0.6),
                outline: true,
                outlineColor: Cesium.Color.AQUA,
            }
        });
        viewer.entities.add(boxEntity);
        viewer.flyTo(boxEntity);