1. 程式人生 > >Cesium.js學習第二天(立方體)

Cesium.js學習第二天(立方體)

material gree nec cart surface sar als 綠色 2.0

var viewer = new Cesium.Viewer(‘cs‘);
// viewer.entities.add({//正方形
// position:Cesium.Cartesian3.fromDegrees(-9300,1000,1400),
// box:{
// dimensions:new Cesium.Cartesian3(800000.0, 800000.0,800000.0),
// material:‘/img/cesium.png‘
// }
// })
// viewer.entities.add({//球體
// position: Cesium.Cartesian3.fromDegrees(-300,100,400),
// ellipsoid:{
// radii :new Cesium.Cartesian3(800000.0, 800000.0,800000.0),
// material:‘/img/cesium.png‘
// }
// })
// viewer.entities.add({//圓柱
// position: Cesium.Cartesian3.fromDegrees(-300,100,400),
// cylinder :{
// length : 400000.0,
// topRadius : 200000.0,
// bottomRadius : 200000.0,
// material : Cesium.Color.GREEN.withAlpha(0.5),
// outline : true,
// outlineColor : Cesium.Color.DARK_GREEN//
// }
// })
// viewer.entities.add({//圓錐
// position: Cesium.Cartesian3.fromDegrees(116.423241,43.920026, 200000.0),
// cylinder : {
// length : 400000.0,
// topRadius : 0.0,
// bottomRadius : 200000.0,
// material : Cesium.Color.RED
// }
// })
viewer.entities.add({
polygon: {
hierarchy: Cesium.Cartesian3.fromDegreesArray([
-197.0, 231.0,
-97.0, 339.0,
-87.0, 359.0,
-8237.0, 31.0]),
height : 500000,//多邊形高度
material : Cesium.Color.RED.withAlpha(1),//紅色不透明
outline : true,
outlineColor : Cesium.Color.ORANGE//橘色輪廓線
}
})
viewer.entities.add({
polyline : {
positions : Cesium.Cartesian3.fromDegreesArray([-75, 35,
-125, 35]),
width : 5,
material : Cesium.Color.RED
}
});

viewer.entities.add({
polyline : {
positions : Cesium.Cartesian3.fromDegreesArray([-75, 37,
-125, 37]),
width : 10,
material : new Cesium.PolylineGlowMaterialProperty({
glowPower : 0.2,//發光強度的屬性,以總線寬度的百分比表示。
color : Cesium.Color.BLUE
})
}
});

viewer.entities.add({
polyline : {
positions : Cesium.Cartesian3.fromDegreesArrayHeights([-75, 39, 250000,
-125, 39, 250000]),
width : 5,
material : new Cesium.PolylineOutlineMaterialProperty({
color : Cesium.Color.ORANGE,
outlineWidth : 2,
outlineColor : Cesium.Color.BLACK
})
}
});

viewer.entities.add({
polyline : {
positions : Cesium.Cartesian3.fromDegreesArrayHeights([-75, 43, 500000,
-125, 43, 500000]),
width : 10,
followSurface : false,
material : new Cesium.PolylineArrowMaterialProperty(Cesium.Color.PURPLE)
}
});

viewer.entities.add({//藍色多邊形
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
]),
holes : [{
positions : Cesium.Cartesian3.fromDegreesArray([
-93.0, 34.0,
-91.0, 34.0,
-91.0, 36.0,
-93.0, 36.0
])
}]
}]
}]
},
material : Cesium.Color.BLUE.withAlpha(0.5),
outline : true,
outlineColor : Cesium.Color.BLACK
}
});

viewer.entities.add({//綠色多邊形
polygon : {
hierarchy : Cesium.Cartesian3.fromDegreesArray([-108.0, 42.0,
-100.0, 42.0,
-104.0, 40.0]),
extrudedHeight: 500000.0,
material : Cesium.Color.GREEN,
closeTop : false,
closeBottom : false
}
});

Cesium.js學習第二天(立方體)