ThreeLayer 设置的层级对 PolygonLayer 无效

[AimLuo]

PolygonLayer 图层代码如下，z-index 设置为5

const proviceAreaLayer = new PolygonLayer({
  zIndex: 5,
})
proviceAreaLayer
  .source(data)
  .shape('extrude')
  .size(150000)
  .style({
    mapTexture: '/images/area.png',
    sourceColor: '#6c5444',
    targetColor: '#4b341c',
  })

ThreeLayer 图层如下，z-index 设置为1

new ThreeLayer({
  z-index:1,
onAddMeshes: (threeScene, layer) => {
    const center = scene.getCenter()
    const textureLoader = new THREE.TextureLoader()
    const geometry = new THREE.RingGeometry(0.5, 1)
    const material = new THREE.MeshBasicMaterial({
      side: THREE.DoubleSide,
      color: 'red',
    })

    const plane = new THREE.Mesh(geometry, material)
    layer.setMeshScale(plane, 0.01, 0.01)
    layer.setObjectLngLat(plane, [center.lng, center.lat], 0)
    threeScene.add(plane)
  },
 })

问题如下：在 ThreeLayer 中设置 的z-index 无效，创建的圆环会覆盖在 PolygonLayer 的上面

[lzxue]

提供一个在线可访问的demo 可以是 codesanbox的

[AimLuo]

稍等

[AimLuo]

这个 https://codesandbox.io/s/stupefied-gwen-r28x59?file=/index.ts