SuperMap iClient3D for WebGL教程（Entity）- RectangleGraphics

作者：为梦齐舞

本文同步更新于简书文章[https://www.jianshu.com/p/a4abf6e63182]

本节继续学习RectangleGraphics对象，这个是一个矩形类型，对象属性相对较少，可以直接添加矩形对象，接下来我们一起学习下吧。
先来看一景效果

实现的代码非常简单：

viewer.entities.add({
					id: "test",
					rectangle: {
						coordinates: Cesium.Rectangle.fromDegrees(117.0, 30.0, 118, 31),
						material: Cesium.Color.BLUE
						
					}

接下来一起来了解一下这个实体对象吧

一、主要参数介绍

1、coordinates：指定矩形的上下左右边界
2、height：矩形相当地面的高度。
3、extrudedHeight：矩形的挤出高度，一般拉升高度=extrudedHeight-height。
4、show：矩形是否可见。
5、fill：是否使用材质填充，不填充则是透明，如果有边线则只显示边线效果
6、material：对象的填充材质，就是对象的外观，可以是颜色，也可以是贴图等等
7、outline：一个布尔属性，指定矩形是否显示轮廓。
8、outlineColor：轮廓的颜色。
9、outlineWidth：轮廓的宽度
10、rotation：矩形对象的顺时针旋转角度。
11、stRotation：矩形对象上所贴纹理的旋转角度。（如果设置矩形对象的旋转，需要带着这个参数一起设置，否则纹理材质将不旋转）
12、shadows：指定矩形是否从每个光源投射或接收阴影。
13、distanceDisplayCondition：即是控制模型在什么相机位置下显示出来。例如设置distanceDisplayCondition:new Cesium.DistanceDisplayCondition(1500,5000)，即是在相机距离1500-5000的位置范围内显示，其他范围模型都不显示。
##二、综合使用
我们制作了一个旋转的带有贴图并且有拉伸高度的矩形对象。

实现代码如下：

function getRotationValue() {
					rotation += 0.005;
					return rotation;
				}
				viewer.entities.add({
					id: "test",
					rectangle: {
						coordinates: Cesium.Rectangle.fromDegrees(117.0, 30.0, 118, 31),
						height: 3000,
						extrudedHeight: 50000,
						material: new Cesium.ImageMaterialProperty({
							image: "./img/3D Tiles Photogrammetry.jpg",
							repeat: new Cesium.Cartesian2(2.0, 2.0)
						}),
						rotation: new Cesium.CallbackProperty(getRotationValue, false),
						stRotation: new Cesium.CallbackProperty(getRotationValue, false),
					}

				});