Rectangle【译】

原文链接及内容

原文链接：https://sandcastle.cesium.com/?src=Rectangle.html&label=Geometries

示例代码如下：

const viewer = new Cesium.Viewer("cesiumContainer");

const redRectangle = viewer.entities.add({
  name: "红色半透明矩形",
  rectangle: {
    coordinates: Cesium.Rectangle.fromDegrees(-110.0, 20.0, -80.0, 25.0),
    material: Cesium.Color.RED.withAlpha(0.5),
  },
});

const greenRectangle = viewer.entities.add({
  name: "绿色透明、旋转并拉伸至高度的矩形，带轮廓",
  rectangle: {
    coordinates: Cesium.Rectangle.fromDegrees(-110.0, 30.0, -100.0, 40.0),
    material: Cesium.Color.GREEN.withAlpha(0.5),
    rotation: Cesium.Math.toRadians(45),
    extrudedHeight: 300000.0,
    height: 100000.0,
    outline: true, // height must be set for outline to display
    outlineColor: Cesium.Color.BLACK,
  },
});

let rotation = Cesium.Math.toRadians(30);

function getRotationValue() {
  rotation += 0.005;
  return rotation;
}

viewer.entities.add({
  name: "旋转矩形与旋转纹理坐标",
  rectangle: {
    coordinates: Cesium.Rectangle.fromDegrees(-92.0, 30.0, -76.0, 40.0),
    material: "../images/Cesium_Logo_Color.jpg",
    rotation: new Cesium.CallbackProperty(getRotationValue, false),
    stRotation: new Cesium.CallbackProperty(getRotationValue, false),
    //classificationType: 指定当此矩形在地面上时，将分类地形、3D 瓦片或两者。
    //这里会分类地形。
    classificationType: Cesium.ClassificationType.TERRAIN,
  },
});

viewer.zoomTo(viewer.entities);