铯材料在多边形上被忽略

Question

我正在尝试使用材质属性设置多边形的颜色，如下所示：

drawOnMap() {
  let material = Cesium.Material.fromType('Color');
  material.uniforms.color = new Cesium.Color(1.0, 1.0, 0.0, 1.0);

  const entityObject = {
    polygon: {
      hierarchy: this.positions !== undefined ? this.positions : undefined,
      height: 0,
      material: material, 
    }
  };

  return this.cesiumEntity = this.cesiumViewerService.getViewer().entities.add( entityObject );
}

我尝试了各种组合来创建材质，但它们都被忽略了，多边形被渲染为白色。我错过了什么？

请注意，如果我使用Cesium.Color.RED，多边形会按预期呈现为红色。

帮助不胜感激！

Answer 1

您在这里使用了两种不同的 API。创建实体后，您可以通过设置颜色统一等来编辑现有材质。但是，在实体存在之前，您使用的字段用于实体创建选项，而不是用于预先存在的实体。

所以查看Entity 文档，我们可以看到一个选项polygon 采用PolygonGraphics，其中有一个字段material 采用MaterialProperty（不是构造材料！），即一个有几个实现的抽象类，其中一个是ColorMaterialProperty。

那么，试试这个：

drawOnMap() {
  let materialProperty = new Cesium.ColorMaterialProperty(
      new Cesium.Color(1.0, 1.0, 0.0, 1.0)
  );

  const entityObject = {
    polygon: {
      hierarchy: this.positions !== undefined ? this.positions : undefined,
      height: 0,
      material: materialProperty
    }
  };

  return this.cesiumEntity = this.cesiumViewerService.getViewer().entities.add( entityObject );
}