cesium primitive 绘制面

要使用Cesium绘制面，您需要使用Cesium.Primitive类型。以下是一个简单的示例，演示了如何使用Cesium.Primitive绘制一个三角形：

//创建顶点数组
var positions = [
    0.0, 0.0, 0.0,
    1.0, 0.0, 0.0,
    0.0, 1.0, 0.0
];
//创建颜色数组
var colors = [
    1.0, 0.0, 0.0, 1.0,
    0.0, 1.0, 0.0, 1.0,
    0.0, 0.0, 1.0, 1.0
];
//创建索引数组
var indices = [0, 1, 2];

//创建几何体
var geometry = new Cesium.Geometry({
    attributes: {
        position: new Cesium.GeometryAttribute({
            componentDatatype: Cesium.ComponentDatatype.DOUBLE,
            componentsPerAttribute: 3,
            values: positions
        }),
        color: new Cesium.GeometryAttribute({
            componentDatatype: Cesium.ComponentDatatype.FLOAT,
            componentsPerAttribute: 4,
            values: colors
        })
    },
    indices: indices,
    primitiveType: Cesium.PrimitiveType.TRIANGLES
});

//创建材质
var material = new Cesium.Material({
    fabric: {
        type: 'Color',
        uniforms: {
            color: new Cesium.Color(1.0, 1.0, 1.0, 1.0)
        }
    }
});

//创建渲染参数
var renderState = Cesium.RenderState.fromCache({
    depthTest: {
        enabled: true
    },
    depthMask: true,
    blending: Cesium.BlendingState.ALPHA_BLEND
});

//创建几何体实例
var primitive = new Cesium.Primitive({
    geometryInstances: new Cesium.GeometryInstance({
        geometry: geometry,
        modelMatrix: Cesium.Matrix4.IDENTITY,
        attributes: {
            color: colors
        },
        id: 'triangle'
    }),
    appearance: new Cesium.PerInstanceColorAppearance({
        flat: true
    }),
    material: material,
    renderState: renderState
});

//将几何体添加到场景中
viewer.scene.primitives.add(primitive);

在上面的示例中，我们创建了一个三角形的顶点、颜色和索引数组。然后，我们使用这些数组创建了一个Cesium.Geometry实例。接下来，我们创建了一个Cesium.Material实例和一个渲染参数Cesium.RenderState实例。最后，我们将Cesium.Geometry实例和Cesium.Material实例一起传递给Cesium.Primitive构造函数，并将其添加到场景中。

注意，上面的示例仅绘制了一个三角形，如果您需要绘制更复杂的几何体，您需要创建更复杂的顶点和索引数组。