cesium label 显示隐藏到地底下

最新推荐文章于 2024-11-26 23:27:57 发布

原创最新推荐文章于 2024-11-26 23:27:57 发布 · 2.7k 阅读

2 ·

CC 4.0 BY-SA版权

cesium 专栏收录该内容

12 篇文章

订阅专栏

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

今天在写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
        },
      });