cesium实现竖立的圆

AllBlue

已于 2024-04-03 11:29:01 修改

阅读量659

点赞数 20

分类专栏： cesium GIS 文章标签： cesium

于 2024-04-01 16:09:48 首次发布

本文链接：https://blog.csdn.net/AllBluefm/article/details/137235670

版权

cesium 同时被 2 个专栏收录

58 篇文章 2 订阅

订阅专栏

GIS

58 篇文章 2 订阅

订阅专栏

文章介绍了如何在Cesium库中利用ellipsoid组件创建看起来像立起来的圆，通过调整radii值和orientation设置来改变形状和方向。通过实例代码展示了如何通过设置x轴radii接近0和heading为90度来模拟圆面效果。

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

cesium中的圆是平行于地面的，想实现竖起来的圆可以使用ellipsoid，设置其中一个轴的radii值为一个很小的值，比如0.00001，则这个轴上的宽度就会非常小，看起来就是一个圆面。

一、画圆ellipse，此处也把画圆的代码贴出来作为对比

viewer.entities.add({
                position: new Cesium.Cartesian3.fromDegrees(113.3960024, 38.090712, 500),
                ellipse: {
                    semiMajorAxis: 1000,
                    semiMinorAxis: 1000,
                    material: Cesium.Color.RED,
                    height: 100
                }
            });

二、画椭球ellipsoid，先不设置radii

viewer.entities.add({
                position: new Cesium.Cartesian3.fromDegrees(113.4410851867723, 38.07983596564565, 500),
                ellipsoid: {
                    radii: new Cesium.Cartesian3(1000, 1000, 1000),
                    material: Cesium.Color.RED.withAlpha(0.9),
                }
            });

三、分别设置三个轴的radii

可以看出，通过设置三个轴的radii能让椭球变成一个圆面，初步实现立起来的圆，如果要调整圆的方向，则需要设置orientation

四、设置圆面的方向orientation

let position = new Cesium.Cartesian3.fromDegrees(113.4410851867723, 38.07983596564565, 500);
            viewer.entities.add({
                position: position,
                orientation: Cesium.Transforms.headingPitchRollQuaternion(
                    position,
                    new Cesium.HeadingPitchRoll(
                        Cesium.Math.toRadians(90),
                    )
                ),
                ellipsoid: {
                    radii: new Cesium.Cartesian3(0.00001, 1000, 1000),
                    material: Cesium.Color.RED,
                }
            });