Cesium学习笔记（一）添加实体

可以选实体对象：

名称 类型 备注 box BoxGraphics 盒子实体 corridor CorridorGraphics 走廊实体 cylinder CylinderGraphics 椎体实体 ellipse EllipseGraphics 圆和椭圆实体 ellipsoid EllipsoidGraphics 球体和椭圆体 wall WallGraphics 墙 polygon PolygonGraphics 多边形实体 polyline PolylineGraphics 折线实体 rectangle RectangleGraphics 矩形

初始化：

    <div id="cesiumDemo"></div>    <script type="text/javascript">        var view = new Cesium.Viewer('cesiumDemo',{            baseLayerPicker: false,            imageryProvider: new Cesium.ArcGisMapServerImageryProvider({                url: 'http://server.arcgisonline.com/ArcGIS/rest/services/World_Street_Map/MapServer'            })        });    </script>

盒子

        view.entities.add({           name: 'box',            position: Cesium.Cartesian3.fromDegrees(116.543398,39.881501,0),            box:{                dimensions: new Cesium.Cartesian3(40000.0,40000.0,30000.0),                material: Cesium.Color.RED            }        });

效果图：

走廊

        view.entities.add({            name: 'corridor',            corridor:{                positions: Cesium.Cartesian3.fromDegreesArray([                    -100.0, 40.0,                    -105.0, 40.0,                    -105.0, 35.0                ]),                width:200000, //宽度必须设置                material: Cesium.Color.RED            }        });

效果图

椎体圆柱体

    view.entities.add({            name: 'cylinder',            position: Cesium.Cartesian3.fromDegrees(116.274913,38.716066,0),            cylinder:{                length:50000, // 圆柱体高度                topRadius: 30000,// 圆柱体顶部半径                bottomRadius:30000, // 圆柱体底部半径                material: Cesium.Color.RED            }        });

效果图 （顶部半径改为0就是椎体）

椭圆

        view.entities.add({            name: 'ellipse',            position: Cesium.Cartesian3.fromDegrees(114.690446,38.465178,0),            ellipse: {                semiMajorAxis: 40000, // 长轴长度                semiMinorAxis: 30000, // 短轴长度                material:Cesium.Color.RED            }        });

效果图

球体和椭圆体

        view.entities.add({            name: 'ellipsoid',            position: Cesium.Cartesian3.fromDegrees(114.04884,37.771145,0),            ellipsoid:{                radii: new Cesium.Cartesian3(30000, 30000, 30000), //设置球体的xyz                material: Cesium.Color.RED            }        });

墙

        view.entities.add({            name: 'wall',            wall:{                positions : Cesium.Cartesian3.fromDegreesArray([-115.0, 50.0,                    -112.5, 50.0,                    -110.0, 50.0,                    -107.5, 50.0,                    -105.0, 50.0,                    -102.5, 50.0,                    -100.0, 50.0,                    -97.5, 50.0,                    -95.0, 50.0,                    -92.5, 50.0,                    -90.0, 50.0]),                maximumHeights : [100000, 200000, 100000, 200000, 100000, 200000, 100000, 200000, 100000, 200000, 100000],                minimumHeights : [0, 100000,  0, 100000, 0, 100000, 0, 100000, 0, 100000, 0],                material: Cesium.Color.RED            }        });

效果图

线

    var model = view.entities.add({            name: 'polyline',            polyline: {                positions: Cesium.Cartesian3.fromDegreesArray([                    115.250413,35.887456,                    117.250413,35.887456                ]),                width: 10,                material: Cesium.Color.RED            }        });

效果图

material可以支持其他样式填充：

PolylineArrowMaterialProperty
PolylineDashMaterialProperty
PolylineGlowMaterialProperty
PolylineOutlineMaterialProperty

多边形

        view.entities.add({            name: 'polygon',            polygon:  {                hierarchy : Cesium.Cartesian3.fromDegreesArray([                    -109.080842,45.002073,                    -105.91517,45.002073,                    -104.058488,44.996596,                    -104.053011,43.002989,                    -104.053011,41.003906,                    -105.728954,40.998429,                    -107.919731,41.003906,                    -109.04798,40.998429,                    -111.047063,40.998429,                    -111.047063,42.000709,                    -111.047063,44.476286,                    -111.05254,45.002073]),                height : 0,                material : Cesium.Color.RED.withAlpha(0.5),                outline : true,                outlineColor : Cesium.Color.BLACK            }        });

效果图

矩形

    view.entities.add({            name: 'rectangle',            rectangle: {                coordinates: Cesium.Rectangle.fromDegrees(-160.0, 0.0, -140.0, 30.0),                material : Cesium.Color.GREEN.withAlpha(0.5),                rotation : Cesium.Math.toRadians(45),                extrudedHeight : 300000.0,                height : 100000.0,                outline : true,                outlineColor : Cesium.Color.BLACK            }        });

效果图