cesium动态绘制矩形entity

Cesium是一个强大的JavaScript库，用于创建交互式3D地球浏览器应用程序。在Cesium中，你可以使用`Entity`对象动态地绘制各种几何形状，包括矩形。矩形通常通过`Cesium.Entity.addRectangle`方法添加到场景中。

以下是创建一个基本矩形entity的步骤：

1. **创建entity**: 首先，你需要创建一个新的`Entity`实例，并设置它的id和其他属性，如位置、旋转等。

const rectangle = new Cesium.Entity({
    id: 'rectangle-entity',
    position: Cesium.Cartesian3.fromDegrees(-75.59777, 40.03883), // 地理坐标
});

2. **添加矩形**: 使用`addRectangle`方法，提供宽度、高度、半径以及边界框的中心点。

const rectangleShape = {
    cornerRadiiBySide: {
        left: 100,
        right: 100,
        top: 100,
        bottom: 100,
    },
    height: 500,
    width: 500,
    material: Cesium.Color.BLUE.withAlpha(0.5),
};

rectangle.addRectangle(rectangleShape);

这里的`cornerRadiiBySide`设置了每个角落的圆角半径，可以根据需要调整。

3. **添加到场景**: 最后，将entity添加到`Scene`对象中，以便在地图上显示。

cesium.Scene.primitives.add(rectangle);