ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

cesium-点线面

2022-01-20 18:33:41  阅读:216  来源: 互联网

标签:entities Cartesian3 Color Cesium viewer let cesium 点线面


    let viewer = new Cesium.Viewer('cesiumContainer');
    //平面
    let plane = viewer.entities.add({
        name: '带边框的平面',
        position: Cesium.Cartesian3.fromDegrees(-107.0, 40.0, 300000.0),//经纬度转世界坐标
        plane: {
            show: true,//是否显示
            plane: new Cesium.Plane(Cesium.Cartesian3.UNIT_Z, 0.0), //朝向屏幕
            dimensions: new Cesium.Cartesian2(400000.0, 300000.0), //二维平面
            material: Cesium.Color.BLUE,//材质
            fill: true,//填充
            outline: true,//显示边框
            outlineColor: Cesium.Color.YELLOW,//边框颜色
        }
    });
    //点
    let point = viewer.entities.add({
        name: '点',
        position: Cesium.Cartesian3.fromDegrees(-75.0, 30.0),//经纬度转世界坐标
        point: {
            show: true,
            color: Cesium.Color.GREEN,
            pixelSize: 20,
            outlineColor: Cesium.Color.YELLOW,
            outlineWidth: 3,
        }
    });
    //线
    let line = viewer.entities.add({
        name: '线',
        polyline: {
            positions: Cesium.Cartesian3.fromDegreesArray([-75, 30, -125, 30]),//经纬度数组转世界坐标,带高度的话是fromDegreesArrayHeights
            width: 5,
            material: Cesium.Color.CYAN
        }
    });
    //面
    let polygon = viewer.entities.add({
        name: '面',
        polygon: {
            hierarchy: {//层次
                positions: Cesium.Cartesian3.fromDegreesArray([
                    -99.0,
                    30.0,
                    -85.0,
                    30.0,
                    -85.0,
                    40.0,
                    -99.0,
                    40.0,
                ]),

                holes: [{ //挖洞,可以无限嵌套
                    positions: Cesium.Cartesian3.fromDegreesArray([
                        -97.0,
                        31.0,
                        -97.0,
                        39.0,
                        -87.0,
                        39.0,
                        -87.0,
                        31.0,
                    ]),
                    holes: [ 
                        {
                            positions: Cesium.Cartesian3.fromDegreesArray([
                                -95.0,
                                33.0,
                                -89.0,
                                33.0,
                                -89.0,
                                37.0,
                                -95.0,
                                37.0,
                            ])
                        }]
                }],
            },
            material: Cesium.Color.RED.withAlpha(0.5)
        }
    });

请添加图片描述

标签:entities,Cartesian3,Color,Cesium,viewer,let,cesium,点线面
来源: https://blog.csdn.net/github_38618068/article/details/122607515

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有