Cesium Billboard 广告牌的设置

Billboard

new Cesium.Billboard()
A viewport-aligned image positioned in the 3D scene, that is created and rendered using a  BillboardCollection. A billboard is created and its initial properties are set by calling BillboardCollection#add
viewport-aligned形象定位在3 d场景,创建 并呈现使用 BillboardCollection 。 和最初创建一个广告牌 通过调用属性集 BillboardCollection#add


例子的广告牌
性能:

阅读一个属性,例如,Billboard#show是恒定的。 财产分配是常数时间但结果 当CPU与GPU流量BillboardCollection#update被称为。 per-billboard交通是 是一样的,不管你有多少属性更新。 如果大多数广告牌需要集合 更新,它可能是更有效的清除集合BillboardCollection#removeAll添加新的广告牌而不是修改每一个。

抛出:
  • DeveloperError :scaleByDistance。 必须大于scaleByDistance.near
  • DeveloperError :translucencyByDistance。 必须大于translucencyByDistance.near
  • DeveloperError :pixelOffsetScaleByDistance。 必须大于pixelOffsetScaleByDistance.near
  • DeveloperError :distanceDisplayCondition。 必须大于distanceDisplayCondition.near
演示:
看到的:

成员

获取或设置在世界空间轴对齐。 对齐的轴的单位向量向量指向广告牌。 缺省值是零向量,这意味着广告牌向量对齐到屏幕上。
例子:
// Example 1.
// Have the billboard up vector point north
billboard.alignedAxis = Cesium.Cartesian3.UNIT_Z;
// Example 2.
// Have the billboard point east.
billboard.alignedAxis = Cesium.Cartesian3.UNIT_Z;
billboard.rotation = -Cesium.Math.PI_OVER_TWO;
// Example 3.
// Reset the aligned axis
billboard.alignedAxis = Cesium.Cartesian3.ZERO;
获取或设置颜色乘以广告牌的纹理。 这有两个常见的用例。 首先, 相同的白色纹理可能使用许多不同的广告牌,每一个都有不同的颜色,去创造 彩色的广告牌。 第二,颜色的α组件可以用来制造广告牌半透明如下所示。 的α 0.0 使广告牌透明, 1.0 使广告牌不透明。

default
alpha : 0.5

红、绿、蓝,α值表示 value red , green , blue , alpha 属性,如例1所示。 这些组件包括 0.0 (没有强度) 1.0 (完整的强度)。
例子:
// Example 1. Assign yellow.
b.color = Cesium.Color.YELLOW;
// Example 2. Make a billboard 50% translucent.
b.color = new Cesium
  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Cesium中添加广告牌可以通过创建一个实体对象,并在其中设置广告牌的位置和显示属性。以下是几种不同的方法来添加广告牌: 方法一:设置广告牌的位置和高度 ```javascript let bill = new Cesium.Entity({ position: new Cesium.Cartesian3.fromDegrees(经度, 纬度, 高度), billboard: { image: "./img/laboratory.png", } }); ``` 这种方法可以通过设置广告牌的位置和高度来完全显示在地面上。 方法二:只设置广告牌的位置 ```javascript let bill = new Cesium.Entity({ position: new Cesium.Cartesian3.fromDegrees(经度, 纬度), billboard: { image: "./img/laboratory.png", } }); ``` 这种方法只设置广告牌的位置,没有设置高度属性,广告牌可能只显示在地面的一部分。 方法三:只设置广告牌的位置 ```javascript let bill = new Cesium.Entity({ position: new Cesium.Cartesian3.fromDegrees(经度, 纬度), }); ``` 这种方法只设置广告牌的位置,没有设置广告牌的显示属性,需要根据实际需求进行进一步设置。 以上是在Cesium中添加广告牌的几种方法,根据实际需求选择适合的方法进行设置。 #### 引用[.reference_title] - *1* *2* *3* [Cesium加载广告牌(一)](https://blog.csdn.net/ekcchina/article/details/130280593)[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 ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值