cesium label 显示隐藏到地底下

曹天骄

于 2020-09-13 14:31:58 发布

阅读量2.7k

点赞数

CC 4.0 BY-SA版权

分类专栏： cesium

本文链接：https://blog.youkuaiyun.com/solocao/article/details/108562231

cesium 专栏收录该内容

12 篇文章

订阅专栏

本文解决了一个在使用Cesium进行3D地图开发时遇到的问题：当标签的高度为0时，标签显示不全。通过添加heightReference属性并设置为CLAMP_TO_GROUND，实现了标签在不同高度下都能完整显示的效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

今天在写label的时候，发现高度为0时，label显示不全，影响用户体验，代码如下：

 window.labelEntity = viewer.entities.add({
        label: {
          show: false,
          showBackground: true,
          font: "14px monospace",
          horizontalOrigin: Cesium.HorizontalOrigin.LEFT,
          verticalOrigin: Cesium.VerticalOrigin.TOP,
          pixelOffset: new Cesium.Cartesian2(15, 0),
        },
      });

请添加图片描述

要解决这个问题，需要给label增加一行属性设置代码：
heightReference: Cesium.HeightReference.CLAMP_TO_GROUND
全部代码如下：

 window.labelEntity = viewer.entities.add({
        label: {
          show: false,
          showBackground: true,
          font: "14px monospace",
          horizontalOrigin: Cesium.HorizontalOrigin.LEFT,
          verticalOrigin: Cesium.VerticalOrigin.TOP,
          pixelOffset: new Cesium.Cartesian2(15, 0),
          heightReference: Cesium.HeightReference.CLAMP_TO_GROUND
        },
      });