ceisum 画矩形画带高度的矩形画竖起来的矩形

最新推荐文章于 2024-08-12 17:38:06 发布

AllBlue

最新推荐文章于 2024-08-12 17:38:06 发布

阅读量773

点赞数 29

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

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

版权

cesium 同时被 2 个专栏收录

58 篇文章 2 订阅

订阅专栏

GIS

56 篇文章 2 订阅

订阅专栏

文章介绍了在Cesium库中如何使用Polygon绘制不带高度和带高度的矩形，以及如何实现特殊应用如竖起来的面。着重讲解了`height`和`perPositionHeight`参数的区别及原理。

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

一、画矩形，每个点不带高度，距离地表500米

viewer.entities.add({
                polygon: {
                    hierarchy: new Cesium.PolygonHierarchy(
                        Cesium.Cartesian3.fromDegreesArray(
                            [
                                113.34742631368005, 38.1066616874903,
                                113.34779274419935, 38.1022786524791,
                                113.35862863192612, 38.1029782894311,
                                113.35717374940154, 38.10801627463857
                            ]
                        )
                    ),
                    material: Cesium.Color.fromCssColorString('#f00'),
                    height: 500
                }
            });

height：距离地表距离

二、画带高度的矩形，每个点都带高度，距离地表的高度取自每个点的高度

 viewer.entities.add({
                polygon: {
                    hierarchy: new Cesium.PolygonHierarchy(
                        Cesium.Cartesian3.fromDegreesArrayHeights(
                            [
                                113.3695158066395, 38.10294013762673, 100,
                                113.36754792663295, 38.09536196679693, 200,
                                113.3800395556131, 38.095568014125725, 300,
                                113.38035000390059, 38.10236754677722, 400
                            ]
                        )
                    ),
                    material: Cesium.Color.fromCssColorString('#f00'),
                    perPositionHeight: true,
                }
            });

perPositionHeight：取每个点的高度，设置了perPositionHeight之后，height属性就无效

三：特殊应用：竖起来的面

 viewer.entities.add({
                polygon: {
                    hierarchy: new Cesium.PolygonHierarchy(
                        Cesium.Cartesian3.fromDegreesArrayHeights(
                            [
                                113.35355684432594, 38.088067028328254, 100,
                                113.36490826822829, 38.088193587605545, 100,
                                113.36490826822829, 38.088193587605545, 600,
                                113.35355684432594, 38.088067028328254, 600
                            ]
                        )
                    ),
                    material: Cesium.Color.fromCssColorString('#f00'),
                    perPositionHeight: true,
                }
            });