Cesium快速上手3-Billboard/Label/PointPrimitives图元使用讲解

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

原创

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

标签

#cesium

收录于

文章介绍了如何在Cesium库中使用BillboardCollection来显示图标，LabelCollection用于添加面向屏幕的文字，以及PointPrimitiveCollection添加点。展示了如何设置这些元素的位置、样式和动态添加数据。

Billboard&Cesium.BillboardCollection

面朝屏幕的图片,用于添加图标等集合

特点：

始终面朝屏幕，即使旋转也面朝屏幕
注意创建的集群对象 Cesium.BillboardCollection

先看展示效果
在这里插入图片描述

function setBillboardProperties() {
   
   
  Sandcastle.declare(setBillboardProperties);
  //在图元中添加	
  const billboards = scene.primitives.add(
    new Cesium.BillboardCollection()
  );
  billboards.add({
   
   
    image: "../images/Cesium_Logo_overlay.png", // default: undefined
    show: true, // default
    position: Cesium.Cartesian3.fromDegrees(-75.59777, 40.03883),
    pixelOffset: new Cesium.Cartesian2(0, -50), // default: (0, 0)
    eyeOffset: new Cesium.Cartesian3(0.0, 0.0, 0.0), // default
    horizontalOrigin: Cesium.HorizontalOrigin.CENTER, // default
    verticalOrigin: Cesium.VerticalOrigin.BOTTOM, // default: CENTER
    scale: 2.0, // default: 1.0
    color: Cesium.Color.LIME, // default: WHITE
    rotation: Cesium.Math.PI_OVER_FOUR, // default: 0.0
    alignedAxis: Cesium.Cartesian3.ZERO, // default
    width: 100, // default: undefined