Cesium Label遮挡

最新推荐文章于 2026-05-18 10:00:02 发布

原创最新推荐文章于 2026-05-18 10:00:02 发布 · 7.9k 阅读

6 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#Cesium

收录于

Web前端同时被 2 个专栏收录

40 篇文章

订阅专栏

Cesium

1 篇文章

订阅专栏

针对Cesium中二维场景下Label被遮挡的问题，尝试调整绘制顺序无效后，通过设置特定属性为负值实现Label显示在上层。

在二维场景下, Label标签被遮挡
在这里插入图片描述
找了一下相关文档, label并没用 index相关属性.
接着改变绘制顺序, 将label置于最后绘制, 仍然会被覆盖.
最后使用的是eyeOffset属性, 设为负值则在更上层

const label = entities.add({
  position: Cesium.Cartesian3.fromDegrees(coor[0], coor[1], coor[2] + 50),
   label : {
     text: index + 1 + '',
     font: '12px sans-serif',
     fillColor:Cesium.Color.BLACK,        //字体颜色
     backgroundColor:Cesium.Color.WHITE,    //背景颜色
     showBackground:true,                //是否显示背景颜色
     style: Cesium.LabelStyle.FILL,        //label样式
     outlineWidth : 2,
     eyeOffset: new Cesium.Cartesian3(0, 0, -10)
   }
 });