麻辣GIS微信平台

更多 GIS 干货

微信关注不错过

Cesium API - BillboardGraphics 中文文档

本文介绍下Cesium中 BillboardGraphics API的详细使用说明。

BillboardGraphics API 调用方法

new Cesium.BillboardGraphics(options)
描述一个包含位置的二维图标,其位置和方向由包含其的Entity确定


Example billboards

Name Type Description
options Object optional 对象拥有的属性如下:
Name Type Default Description
show Property true optional 布尔型属性,指定布告牌的可见性。
image Property optional 用于指定广告牌的图像,URI或画布。
scale Property 1.0 optional 数字属性,指定要应用于图像尺寸的比例。
pixelOffset Property Cartesian2.ZERO optional Cartesian2属性,用于指定像素偏移(单位为像素)。
eyeOffset Property Cartesian3.ZERO optional Cartesian3属性,用于指定距目标位置的偏移量(单位为米)。
horizontalOrigin Property HorizontalOrigin.CENTER optional 用于指定 HorizontalOrigin
verticalOrigin Property VerticalOrigin.CENTER optional 用于指定 VerticalOrigin
heightReference Property HeightReference.NONE optional 相对于地形的位置。
color Property Color.WHITE optional 指定图像的色调 Color
rotation Property 0 optional 数字属性, 指定围绕alignedAxis的旋转角度。???
alignedAxis Property Cartesian3.ZERO optional Cartesian3属性,用于指定单位矢量旋转轴。
sizeInMeters Property optional 布尔型属性,指定是否应以米为单位测量此布告牌的大小。
width Property optional 数字属性,用于指定布告牌的宽度(以像素为单位),并覆盖原始尺寸。
height Property optional 数字属性,用于指定布告牌的高度(以像素为单位),并覆盖原始尺寸。
scaleByDistance Property optional NearFarScalar属性, 用于根据距相机的距离缩放布告牌。
translucencyByDistance Property optional NearFarScalar属性,用于根据距相机的距离设置半透明性。
pixelOffsetScaleByDistance Property optional NearFarScalar属性,根据距相机的距离设置偏移量,以像素为单位,不会超过pixelOffset。
imageSubRegion Property optional 指定一个 BoundingRectangle属性,它定义要用于布告牌的图像的子区域,而不是整个图像,以像素为单位从左下角开始。
distanceDisplayCondition Property optional 指定在距像机的某个距离处显示此布告牌。
disableDepthTestDistance Property optional 指定在距相机的某个距离范围内禁用深度测试。
演示Demo:

成员变量

设置/获取 Cartesian3型的单位矢量旋转轴。 设置为Cartesian3.ZERO时,旋转从屏幕顶部开始。
Default Value: Cartesian3.ZERO
设置/获取 获取或设置指定与 image. 相乘的 Color 属性。 这有两个常见的用例。首先,许多不同的布告牌都可以使用相同的白色纹理, 每个都有不同的颜色,以创建彩色布告牌。其次,可以为布告牌指定ahpha值如下所示:

default
alpha : 0.5

Default Value: Color.WHITE
readonlydefinitionChanged : Event
获取每当更改或修改属性或子属性时引发的事件。
disableDepthTestDistance : Property
设置/获取从相机到禁用深度测试的距离。 例如,防止剪切地形。设置为零时,将始终应用深度测试。设置为Number.POSITIVE_INFINITY时,永远不会应用深度测试。
distanceDisplayCondition : Property
设置/获取显示条件DistanceDisplayCondition,即在距相机某个距离内显示。
设置/获取在视点坐标系下的偏移量。 试点坐标系是左手坐标系。

An eye offset is commonly used to arrange multiple billboards or objects at the same position, e.g., to arrange a billboard above its corresponding 3D model.

在下方,布告牌位于地球中心,但眼球偏移使它始终无论观看者或地球的方向如何,它都会出现在地球的顶部。

b.eyeOffset = new Cartesian3(0.0, 8000000.0, 0.0);

Default Value: Cartesian3.ZERO
设置/获取布告牌的高度(以像素为单位)。 未定义时, the native height is used.
设置/获取相对于地形的位置。
Default Value: HeightReference.NONE
设置/获取 HorizontalOrigin
Default Value: HorizontalOrigin.CENTER
设置/获取布告牌(billboard)上图片的URL。
设置/获取BoundingRectangle属性。 它定义要用于布告牌的图像的子区域,而不是整个图像, 以像素为单位从左下角开始。
设置/获取Cartesian2像素偏移属性。 该属性指定布告牌在屏幕空间中的像素偏移量从此布告牌的来源开始。 通常用于对齐多个布告牌和标签相同的位置,例如图片和文字。

default
b.pixeloffset = new Cartesian2(50, 25);
布告牌的原点即黄的的点。

Default Value: Cartesian2.ZERO
pixelOffsetScaleByDistance : Property
设置/获取 NearFarScalar,即基于相机距离的像素偏移量。 当相机距离在上下限之内指定的 NearFarScalar#nearNearFarScalar#near 时, 布告牌的偏移量性将在 NearFarScalar#nearValueNearFarScalar#farValue插值 , 在这些范围之外,标注的半透明性仍保持在最近的范围。
设置/获取 指定围绕alignedAxis的旋转角度。
Default Value: 0
设置/获取应用于图像尺寸的比例。


在上图中从左到右,比例分别为0.5, 1.0, 和 2.0

Default Value: 1.0
设置/获取 NearFarScalar 属性(用于根据距相机的距离缩放布告牌)。 当相机距离在上下限之内指定的 NearFarScalar#nearNearFarScalar#far 时, 布告牌的比例将在 NearFarScalar#nearValueNearFarScalar#farValue插值 , 在这些范围之外,布告牌的比例仍保持在最近的范围内。
设置/获取显隐性。
Default Value: true
设置/获取是否应以米为单位测量此布告牌的大小。
Default Value: false
设置/获取 NearFarScalar, 即基于相机距离的半透明性。 当相机距离在上下限之内指定的 NearFarScalar#nearNearFarScalar#near 。 布告牌的半透明性将在 NearFarScalar#nearValueNearFarScalar#farValue插值。 在这些范围之外,半透明性仍保持在最近的范围。
设置/获取 VerticalOrigin
Default Value: VerticalOrigin.CENTER
设置/获取布告牌的宽度(以像素为单位)。 未定义时,the native width is used.

内置方法

复制实例。
Name Type Description
result BillboardGraphics optional 用来存储结果的对象。
返回值:
修改后的结果参数或一个新实例(如果未提供)。
合并两个对象的属性,最终合并出的属性有以下特点: 就某个属性来说,如果A的属性已定义,则合并出的C的属性即为A的属性,反之C中将为B的属性。
Name Type Description
source BillboardGraphics 要被合并到这个对象的对象。

其他API

Cesium中文API文档手册(v1.63.1版本)参考:《Cesium中文API文档手册(v1.63.1版本)

相关阅读

麻辣GIS-Sailor

作者:

GIS爱好者,学GIS,更爱玩GIS。

声明

1.本文所分享的所有需要用户下载使用的内容(包括但不限于软件、数据、图片)来自于网络或者麻辣GIS粉丝自行分享,版权归该下载资源的合法拥有者所有,如有侵权请第一时间联系本站删除。

2.下载内容仅限个人学习使用,请切勿用作商用等其他用途,否则后果自负。

手机阅读
公众号关注
知识星球
手机阅读
麻辣GIS微信公众号关注
最新GIS干货
关注麻辣GIS知识星球
私享圈子

留言板(小编看到第一时间回复)