美文网首页cesium
cesium-点线面

cesium-点线面

作者: 姜治宇 | 来源:发表于2022-01-20 15:21 被阅读0次
    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)
        }
    });
img.png

相关文章

  • cesium-点线面

  • cesium-坐标转换

    弧度和角度 度和弧度都是衡量角的大小的单位,就像米(m)和英寸(in)都是用来衡量长度的单位。度用°来表示,弧度用...

  • C4D建模——编辑物体点线面

    编辑点线面

  • 产品思维8/30:单个勤奋的点,必须找到给他赋能的面

    关键词:点线面体 战略 选择 1 点线面体的战略选择非常重要。你再怎么优化产品、提升效率,一旦点线面体选错了,都是...

  • 产品思维学习笔记(二)

    机会判断:点线面体的判断 点线面体的选择非常重要。你再怎么优化产品、提升效率,一旦点线面体选错了,就会没有任何成效...

  • 产品入门之道04 机会判断

    点线面体 一个非常简洁的思考结构,叫 点线面体。 点线面体是曾鸣教授的理论,他在得到App的课程《智能商业20讲》...

  • cesium-广告牌billboard

    广告牌简单理解就是图片。跟html不一样的是,广告牌有随球转动的效果。

  • 股票投资方法论

    之前写过一篇文章《点线面体概念与选择》,阐述了点线面体的概念。现在来说一下炒股与点线面体的关系。逻辑是这样的:体指...

  • 11.4日

    点线面 小事要点线面,大事更要点线面。拿下一个事儿,一定是先从一个点打开局面,突破到局部,最后赢得胜利。

  • 2019.3.25

    今天复习了上节课的点线面构成,运用点线面完成字母创作,让小朋友们用自己的姓来创作,现在小朋友们对点线面构成还处于刚...

网友评论

    本文标题:cesium-点线面

    本文链接:https://www.haomeiwen.com/subject/jqvjhrtx.html