文章目录

• • 1.实现效果
  • 2.实现方法

1.实现效果

2.实现方法

做项目无聊时看到了这个多彩矩形地球球体的效果，便使用primitive的rectangle（矩形）API实现了一下，并使用随机颜色填充每个矩形。
具体代码如下：

/**
 * @description: 多彩矩形地球（使用随机颜色）
 * @param {*} viewer
 * @return {*}
 */
function initColorfulRectEarth(viewer) {
    let instances = [];
    for (let lon = -180.0; lon < 180.0; lon += 5.0) {
        for (let lat = -90.0; lat < 90.0; lat += 5.0) {
            instances.push(new Cesium.GeometryInstance({
                geometry: new Cesium.RectangleGeometry({
                    rectangle: Cesium.Rectangle.fromDegrees(lon, lat, lon + 5.0, lat + 5.0)
                }),
                attributes: {
                    color: Cesium.ColorGeometryInstanceAttribute.fromColor(Cesium.Color.fromRandom({
                        alpha: 0.5
                    }))
                }
            }));
        }
    }
    viewer.scene.primitives.add(new Cesium.Primitive({
        geometryInstances: instances,
        appearance: new Cesium.PerInstanceColorAppearance()
    }));
}