CzmlDataSource

CzmlDataSource provides the way to load and show CZML data into the scene. CZML data can be loaded from a URL, string or raw object.

• Cesium element: CzmlDataSource
• Example: CzmlDataSource

Availability

Inside Viewer or CesiumWidget components.

Properties

Cesium properties

Property	Type	Description
show	boolean
clustering	EntityCluster

Cesium read-only properties

Property	Type	Description
name	string
credit	string | Credit | undefined
sourceUri	string | Resource | undefined

Cesium events

Property	Type	Description
onChange	((CzmlDataSource: CzmlDataSource) => void) | undefined
onError	((CzmlDataSource: CzmlDataSource, error: any) => void) | undefined
onLoading	((CzmlDataSource: CzmlDataSource, isLoaded: boolean) => void) | undefined

Other properties

Property	Type	Description
onClick	((movement: CesiumMovementEvent, target: T) => void) | undefined
onDoubleClick	((movement: CesiumMovementEvent, target: T) => void) | undefined
onMouseDown	((movement: CesiumMovementEvent, target: T) => void) | undefined
onMouseUp	((movement: CesiumMovementEvent, target: T) => void) | undefined
onMiddleClick	((movement: CesiumMovementEvent, target: T) => void) | undefined
onMiddleDown	((movement: CesiumMovementEvent, target: T) => void) | undefined
onMiddleUp	((movement: CesiumMovementEvent, target: T) => void) | undefined
onMouseMove	((movement: CesiumMovementEvent, target: T) => void) | undefined
onPinchEnd	((movement: CesiumMovementEvent, target: T) => void) | undefined
onPinchMove	((movement: CesiumMovementEvent, target: T) => void) | undefined
onPinchStart	((movement: CesiumMovementEvent, target: T) => void) | undefined
onRightClick	((movement: CesiumMovementEvent, target: T) => void) | undefined
onRightDown	((movement: CesiumMovementEvent, target: T) => void) | undefined
onRightUp	((movement: CesiumMovementEvent, target: T) => void) | undefined
onMouseEnter	((movement: CesiumMovementEvent, target: T) => void) | undefined
onMouseLeave	((movement: CesiumMovementEvent, target: T) => void) | undefined
suspense	boolean | undefined	Opt in to React Suspense for async loading. When enabled and the data is aURL or Resource, it is fetched during render so a parent <Suspense>boundary can show a fallback and a parent error boundary can catch failures.
cacheKey	string | undefined	Overrides the Suspense cache key (defaults to the resolved URL). Change it tobust the cache when the content at a stable URL changes, or share it acrosscomponents to dedupe a fetch. Only used when suspense is enabled.
onLoad	((CzmlDataSouce: CzmlDataSource) => void) | undefined	Calls when the Promise for loading data is fullfilled.
data	any