Cesium开发入门——Demo02:CreatingEntities创建对象

1.创建对象(矩形)代码

以下代码为创建面对向代码与对应运行结果图;




	
		
		Creating Entities
		
		

	

	
		

2.对象材质替换

直接修改JavaScript中代码;
①条纹样式

var viewer = new Cesium.Viewer('cesiumContainer');

						var wyoming = viewer.entities.add({
							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,
								outline: true,
								outlineColor: Cesium.Color.BLACK
							}
						});
			
						var ellipse = wyoming.polygon;

			//黑白条纹材质
						ellipse.material = new Cesium.StripeMaterialProperty({
							evenColor: Cesium.Color.WHITE,
							oddColor: Cesium.Color.BLACK,
							repeat: 32
						});


黑白网格材质

ellipse.material = new Cesium.CheckerboardMaterialProperty({
							evenColor: Cesium.Color.WHITE,
							oddColor: Cesium.Color.BLACK,
							repeat: new Cesium.Cartesian2(4, 4)
						});

3.点、线、面对象创建与属性修改



	
		
		Creating Entities
		
		

	

	
		
4.Cesium官网示例学习

Cesium创建对象
该官网中,有一个通过“Hello world example”进入到沙箱(Sandcastle)中,沙箱其实就是相当于一个JavaScript文件,里面是所有的js代码,所有界面实现都是通过js代码实现。
Basic中的代码可以直接复制并运行(如下图中的绿色框中代码),可复制到图二中的沙箱中,Run运行;
Cesium开发入门——Demo02:CreatingEntities创建对象_第1张图片
Cesium开发入门——Demo02:CreatingEntities创建对象_第2张图片

你可能感兴趣的:(2016-2021,学习随记,Cesium入门,创建对象)