CreditDisplay

new Cesium.CreditDisplay(container, delimiter, viewport)

The credit display is responsible for displaying credits on screen.
Name Type Default Description
container HTMLElement The HTML element where credits will be displayed
delimiter string ' • ' optional The string to separate text credits
viewport HTMLElement document.body optional The HTML element that will contain the credits popup
Examples:
// Add a credit with a tooltip, image and link to display onscreen
const credit = new Cesium.Credit(`<a href="https://cesium.com/" target="_blank"><img src="/images/cesium_logo.png" title="Cesium"/></a>`, true);
viewer.creditDisplay.addStaticCredit(credit);
// Add a credit with a plaintext link to display in the lightbox
const credit = new Cesium.Credit('<a href="https://cesium.com/" target="_blank">Cesium</a>');
viewer.creditDisplay.addStaticCredit(credit);

Members

static Cesium.CreditDisplay.cesiumCredit : Credit

Gets or sets the Cesium logo credit.
The HTML element where credits will be displayed.

Methods

deprecated addCredit(credit)

Adds a credit to the list of current credits to be displayed in the credit container for the next frame
Name Type Description
credit Credit The credit to display

Deprecated: true

addCreditToNextFrame(credit)

Adds a Credit that will show on screen or in the lightbox until the next frame. This is mostly for internal use. Use CreditDisplay.addStaticCredit to add a persistent credit to the screen.
Name Type Description
credit Credit The credit to display in the next frame.
See:
  • CreditDisplay.addStaticCredit

deprecated addDefaultCredit(credit)

Adds credits that will persist until they are removed
Name Type Description
credit Credit The credit to added to defaults

Deprecated: true

Adds a Credit that will show on screen or in the lightbox until removed with CreditDisplay.removeStaticCredit.
Name Type Description
credit Credit The credit to added
Examples:
// Add a credit with a tooltip, image and link to display onscreen
const credit = new Cesium.Credit(`<a href="https://cesium.com/" target="_blank"><img src="/images/cesium_logo.png" title="Cesium"/></a>`, true);
viewer.creditDisplay.addStaticCredit(credit);
// Add a credit with a plaintext link to display in the lightbox
const credit = new Cesium.Credit('<a href="https://cesium.com/" target="_blank">Cesium</a>');
viewer.creditDisplay.addStaticCredit(credit);
Resets the credit display to a beginning of frame state, clearing out current credits.
Destroys the resources held by this object. Destroying an object allows for deterministic release of resources, instead of relying on the garbage collector to destroy this object.

Once an object is destroyed, it should not be used; calling any function other than isDestroyed will result in a DeveloperError exception. Therefore, assign the return value (undefined) to the object as done in the example.
Throws:
  • DeveloperError : This object was destroyed, i.e., destroy() was called.
Sets the credit display to the end of frame state, displaying credits from the last frame in the credit container.

isDestroyed()boolean

Returns true if this object was destroyed; otherwise, false.

Returns:
true if this object was destroyed; otherwise, false.

removeDefaultCredit(credit)

Removes a default credit.
Name Type Description
credit Credit The credit to be removed from defaults

removeStaticCredit(credit)

Removes a static credit shown on screen or in the lightbox.
Name Type Description
credit Credit The credit to be removed.
Updates the credit display before a new frame is rendered.
Need help? The fastest way to get answers is from the community and team on the Cesium Forum.