BillboardGraphics

new Cesium.BillboardGraphics(options)

DataSources/BillboardGraphics.js 53

Describes a two dimensional icon located at the position of the containing Entity.

Example billboards

Name	Type	Description
options	Object	optional Object with the following properties: Name Type Default Description show Property true optional A boolean Property specifying the visibility of the billboard. image Property optional A Property specifying the Image, URI, or Canvas to use for the billboard. scale Property 1.0 optional A numeric Property specifying the scale to apply to the image size. pixelOffset Property Cartesian2.ZERO optional A Cartesian2 Property specifying the pixel offset. eyeOffset Property Cartesian3.ZERO optional A Cartesian3 Property specifying the eye offset. horizontalOrigin Property HorizontalOrigin.CENTER optional A Property specifying the HorizontalOrigin. verticalOrigin Property VerticalOrigin.CENTER optional A Property specifying the VerticalOrigin. heightReference Property HeightReference.NONE optional A Property specifying what the height is relative to. color Property Color.WHITE optional A Property specifying the tint Color of the image. rotation Property 0 optional A numeric Property specifying the rotation about the alignedAxis. alignedAxis Property Cartesian3.ZERO optional A Cartesian3 Property specifying the unit vector axis of rotation. sizeInMeters Property optional A boolean Property specifying whether this billboard's size should be measured in meters. width Property optional A numeric Property specifying the width of the billboard in pixels, overriding the native size. height Property optional A numeric Property specifying the height of the billboard in pixels, overriding the native size. scaleByDistance Property optional A NearFarScalar Property used to scale the point based on distance from the camera. translucencyByDistance Property optional A NearFarScalar Property used to set translucency based on distance from the camera. pixelOffsetScaleByDistance Property optional A NearFarScalar Property used to set pixelOffset based on distance from the camera. imageSubRegion Property optional A Property specifying a BoundingRectangle that defines a sub-region of the image to use for the billboard, rather than the entire image, measured in pixels from the bottom-left. distanceDisplayCondition Property optional A Property specifying at what distance from the camera that this billboard will be displayed. disableDepthTestDistance Property optional A Property specifying the distance from the camera at which to disable the depth test to.

Demo:

• Cesium Sandcastle Billboard Demo

Members

Default Value: Cartesian3.ZERO

Gets or sets the Property specifying the Color that is multiplied with the image. This has two common use cases. First, the same white texture may be used by many different billboards, each with a different color, to create colored billboards. Second, the color's alpha component can be used to make the billboard translucent as shown below. An alpha of 0.0 makes the billboard transparent, and 1.0 makes the billboard opaque.

default

alpha : 0.5

Default Value: Color.WHITE

Gets or sets the Cartesian3 Property specifying the billboard's offset in eye coordinates. Eye coordinates is a left-handed coordinate system, where x points towards the viewer's right, y points up, and z points into the screen.

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.

Below, the billboard is positioned at the center of the Earth but an eye offset makes it always appear on top of the Earth regardless of the viewer's or Earth's orientation.

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

Default Value: Cartesian3.ZERO

Default Value: HeightReference.NONE

Default Value: HorizontalOrigin.CENTER

Gets or sets the Cartesian2 Property specifying the billboard's pixel offset in screen space from the origin of this billboard. This is commonly used to align multiple billboards and labels at the same position, e.g., an image and text. The screen space origin is the top, left corner of the canvas; x increases from left to right, and y increases from top to bottom.

default

b.pixeloffset = new Cartesian2(50, 25);

The billboard's origin is indicated by the yellow point.

Default Value: Cartesian2.ZERO

Default Value: 0

Gets or sets the numeric Property specifying the uniform scale to apply to the image. A scale greater than 1.0 enlarges the billboard while a scale less than 1.0 shrinks it.

From left to right in the above image, the scales are 0.5, 1.0, and 2.0.

Default Value: 1.0

Default Value: true

Default Value: false

Default Value: VerticalOrigin.CENTER

Methods

Returns: