Azure Maps Control：如何禁用透明多边形拉伸图层的背面剔除？

可以禁用背面剔除机制，这不属于渲染管线的硬性限制，Azure Maps提供了明确的配置选项来调整这一行为。

• 禁用背面剔除的具体方法：
  创建PolygonExtrusionLayer时，通过renderOptions配置项将cullFace属性设为'none'（默认值为'back'，即开启背面剔除）。示例代码如下：

  const extrusionLayer = new atlas.layer.PolygonExtrusionLayer(datasource, 'extrusion-layer', {
      fillColor: ['get', 'color'],
      height: ['get', 'height'],
      renderOptions: {
          cullFace: 'none' // 禁用背面剔除
      }
  });
  

• 相关注意事项：

  • 禁用背面剔除会增加GPU的绘制工作量，因为原本被剔除的背面多边形现在也会被渲染。如果你的场景包含大量复杂拉伸多边形，需要留意可能的性能影响。
  • 若半透明图层与实心图层叠加，要合理设置图层的zIndex属性：建议将半透明图层的zIndex设为高于实心图层，确保半透明图形处于上层，同时禁用背面剔除后，实心图形的背面就能透过半透明区域被看到。

内容的提问来源于stack exchange，提问作者Jelle