cesium广告牌层级。

Cesium中的广告牌（billboard）是在3D场景中以平面形式呈现的标签或图标。广告牌具有不同的层级，用于控制其显示和渲染的顺序。

Cesium中的广告牌层级是通过设置广告牌的heightReference属性来实现的。heightReference属性定义了广告牌的高度参考方式，包括以下几个选项：

1. HEIGHT_REFERENCE_NONE：广告牌不参考任何高度，始终位于地球表面。
2. HEIGHT_REFERENCE_CLAMP_TO_GROUND：广告牌的高度被裁剪到地球表面之上，但不会超过地球表面。
3. HEIGHT_REFERENCE_RELATIVE_TO_GROUND：广告牌的高度是相对于地球表面的，可以设置一个偏移量。
4. HEIGHT_REFERENCE_RELATIVE_TO_GROUND：广告牌的高度是相对于地球表面的，可以设置一个偏移量。

通过设置不同的heightReference属性值，可以控制广告牌在3D场景中的层级关系。具有较低heightReference值的广告牌将出现在具有较高heightReference值的广告牌之上。

相关问题

cesium广告牌动态变化

Cesium是一个用于创建地球和其他虚拟场景的JavaScript库。它支持各种图形图元，包括广告牌（Billboard）。广告牌可以用于在场景中显示动态变化的内容。

要实现Cesium广告牌的动态变化，可以使用CZML（Cesium Language）来描述广告牌的属性和随时间变化的值。CZML是一种用于描述Cesium场景的JSON格式。

以下是一个示例，演示如何使用CZML实现广告牌的动态变化：

const czml = [{
  "id": "billboard",
  "billboard": {
    "image": "path/to/image.png",
    "scale": {
      "epoch": "2012-08-04T16:00:00Z",
      "number": [0, 1, 2, 3, 4],
      "interpolationAlgorithm": "LINEAR",
      "interpolationDegree": 1
    },
    "height": {
      "epoch": "2012-08-04T16:00:00Z",
      "number": [0, 100, 200, 300, 400],
      "interpolationAlgorithm": "LINEAR",
      "interpolationDegree": 1
    }
  }
}];

viewer.dataSources.add(Cesium.CzmlDataSource.load(czml));

在上面的示例中，我们创建了一个CZML对象，其中包含一个广告牌（id为"billboard"）。广告牌具有一个图像和两个属性：scale和height。这两个属性都是随时间变化的。

通过指定属性的epoch（时间戳）和number（值），我们可以定义属性随时间变化的值。在示例中，scale属性从0到4变化，height属性从0到400变化。

最后，我们将CZML对象加载到Cesium的数据源中，以在场景中显示广告牌的动态变化。

cesium广告牌点击事件

回答: 在Cesium中，可以通过添加自定义函数来处理广告牌的点击事件。首先，需要使用Cesium.ScreenSpaceEventHandler类来处理用户输入事件。可以参考Cesium官方文档中的ScreenSpaceEventHandler类的说明\[1\]。然后，可以使用以下代码来实现广告牌的点击事件处理：

const handler = new Cesium.ScreenSpaceEventHandler(viewer.scene.canvas);
handler.setInputAction(function (click) {
    const pick = viewer.scene.pick(click.position);
    if (pick && pick.id) {
        if (pick.id._name === '1号大棚') {
            viewer.flyTo(entity, {
                duration: 2,
                offset: {
                    heading: Cesium.Math.toRadians(0.0),
                    pitch: Cesium.Math.toRadians(-10),
                    range: 100
                }
            });
        }
    }
}, Cesium.ScreenSpaceEventType.LEFT_CLICK);

这段代码会在用户点击广告牌时执行相应的操作。在这个例子中，当用户点击名为"1号大棚"的广告牌时，视野会定位到该位置，并以动画的方式飞行到该位置\[2\]。

以上是处理Cesium广告牌点击事件的方法，你可以根据自己的需求进行相应的修改和扩展\[3\]。
#### 引用[.reference_title]
- *1* [VUE3-Cesium（entities-广告牌标签、屏幕点击事件）](https://blog.csdn.net/damadashen/article/details/125253338)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* *3* [react中cesium添加billboard广告牌，billboard点击事件和鼠标滑过效果](https://blog.csdn.net/hry1243916844/article/details/103486937)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]