Question

使用产品：

• SuperMap iClient3D 11i(2024) R2 for WebGL WebGPU(2024/11/27)

给label设置了背景色，但是依旧显示在billboard下面， 且标签文字会出现锯齿模糊问题。 使用2023的版本包不会有这个问题

Answer 1

您好，目标效果是label展示在billboard上方吗？以提供下您的代码吗？我这边测试下是否是bug

Comments

目标是想要label展示在billboard前面

let entity = {
  label: {
    text: 'text',
    font: '14px Alibaba-PuHuiTi',
    verticalOrigin: SuperMap3D.VerticalOrigin.BOTTOM,
    horizontalOrigin: SuperMap3D.HorizontalOrigin.LEFT,
    style: SuperMap3D.LabelStyle.FILL,
    pixelOffset: new SuperMap3D.Cartesian2(-54, -114),
    showBackground: true,
    backgroundColor: SuperMap3D.Color.fromCssColorString('rgba(5, 36, 41, 0.80)'),
    backgroundPadding: new SuperMap3D.Cartesian2(2, 2),
    fillColor: SuperMap3D.Color.fromCssColorString('rgba(255, 255, 255, 1)'),
    zIndex: 10,
    disableDepthTestDistance: Number.POSITIVE_INFINITY
  },
  billboard: {
    width: 160,
    image: bfImg,
    pixelOffset: new SuperMap3D.Cartesian2(0, -80),
    verticalOrigin: SuperMap3D.VerticalOrigin.BOTTOM,
    horizontalOrigin: SuperMap3D.HorizontalOrigin.CENTER,
    zIndex: 1
  }
}

---

您使用这个链接里的最新11.3.0的webgl包，我这边测试是正常的了

https://pan.baidu.com/s/1uiIbRUhybeHROs5B5igmqw?pwd=u4up

---

替换了这个11.3.0的包，依旧是被遮挡的

---

label和billboard同时设置了 disableDepthTestDistance: Number.POSITIVE_INFINITY， 会存在遮挡问题

---

用带有透明度的图片，会存在遮挡label的问题

---

我这边测试的结果是这样的，只给label加上 disableDepthTestDistance: Number.POSITIVE_INFINITY 是正常的，都加上会遮盖的，之前版本都加上没问题吗

---

是的，2023年的旧版本都加上 Number.POSITIVE_INFINITY，也是正常显示不会遮挡， for  Cesium的包也不会