-
//box—盒子
viewer.entities.add({
name: ‘Blue box’,
position: Cesium.Cartesian3.fromDegrees(homePOsition[0], homePOsition[1], 0),
box: {
dimensions: new Cesium.Cartesian3(400000.0, 300000.0, 500000.0),//指 定框的长度,宽度和高度。
material: Cesium.Color.BLUE //指定用于填充框的材料
}
}); -
//Ellipse—椭球
viewer.entities.add({
position: Cesium.Cartesian3.fromDegrees(103.0, 40.0),
name: ‘Red ellipse on surface with outline’,
ellipse: {
semiMinorAxis: 250000.0, //长半轴
semiMajorAxis: 400000.0, //短半轴
material: Cesium.Color.RED.withAlpha(0.5),
outline: true, //指定是否绘制椭圆体。
outlineColor: Cesium.Color.RED //填充的材质
}
});
3.//Corridor—走廊
viewer.entities.add({
name: ‘Red corridor on surface with rounded corners and outline’,
corridor: {
positions: Cesium.Cartesian3.fromDegreesArray([
100.0, 40.0,
105.0, 40.0,
105.0, 35.0
]),
width: 200000.0, //宽度
material: Cesium.Color.RED.withAlpha(0.5),
outline: true,
outlineColor: Cesium.Color.RED
}
});
4.实体管理
贴图
通过设置material为图片url,可以将图片填充到对象中:
viewer.entities.add({
position: Cesium.Cartesian3.fromDegrees(103.0, 40.0),
name: ‘Red ellipse on surface with outline’,
ellipse: {
semiMinorAxis: 250000.0,
semiMajorAxis: 400000.0,
height: 200000.0,
fill:true,
material: “./sampledata/images/globe.jpg”,
outline: true, //必须设置height,否则ouline无法显示
outlineColor: Cesium.Color.BLUE.withAlpha(0.5),
outlineWidth: 10.0//windows系统下不能设置固定为1
}
});
-
Primitive方式
下面代码时entity与primitive方式对比:
//entity方式
viewer.entities.add({
rectangle: {
coordinates: Cesium.Rectangle.fromDegrees(110.20, 34.55, 111.20, 35.55),
material: new Cesium.StripeMaterialProperty({
evenColor: Cesium.Color.WHITE,
oddColor: Cesium.Color.BLUE,
repeat:5
})
}
});//primitive方式 var instance = new Cesium.GeometryInstance({ geometry: new Cesium.RectangleGeometry({ //几何形状 rectangle: Cesium.Rectangle.fromDegrees(105.20, 30.55, 106.20, 31.55), vertexFormat:Cesium.EllipsoidSurfaceAppearance.VERTEXT_FORMAT }) });
viewer.scene.primitives.add(new Cesium.Primitive({
geometryInstances: instance,
appearance: new Cesium.EllipsoidSurfaceAppearance({ //外观
material:Cesium.Material.fromType(‘Stripe’)
})
}));