ImageryLayer

ImageryLayer is a imargery layer on the globe.

Layers are added in order of JSX from the top.

// Back layer
<ImageryLayer imageryProvider={provider1} />
<ImageryLayer imageryProvider={provider2} />
<ImageryLayer imageryProvider={provider3} />
// Front layer

is equivalent to:

viewer.imageryLayers.add(provider1);
viewer.imageryLayers.add(provider2);
viewer.imageryLayers.add(provider3);

As a result, the layer added at the very end is the frontmost when actually displayed.

Note: imageryProvider property is read only. See also guide.

• Cesium element: ImageryLayer
• Example: ImageryLayer

Availability

Either:

• Inside Viewer or CesiumWidget component: the imargery layer will be attached to the ImageryLayerCollection of the Viewer or CesiumWidget.
• Inside ImageryLayerCollection component: same as above

Properties

Cesium properties

Property	Type	Description
show	boolean | undefined
splitDirection	SplitDirection | ((…params: any[]) => any) | undefined
brightness	number | ((…params: any[]) => any) | undefined
alpha	number | ((…params: any[]) => any) | undefined
nightAlpha	number | ((…params: any[]) => any) | undefined
dayAlpha	number | ((…params: any[]) => any) | undefined
contrast	number | ((…params: any[]) => any) | undefined
hue	number | ((…params: any[]) => any) | undefined
saturation	number | ((…params: any[]) => any) | undefined
gamma	number | ((…params: any[]) => any) | undefined
minificationFilter	TextureMinificationFilter | undefined
magnificationFilter	TextureMagnificationFilter | undefined
cutoutRectangle	Rectangle | undefined
colorToAlpha	Color | undefined
colorToAlphaThreshold	number | undefined
index	number | undefined

Cesium read-only properties

Property	Type	Description
rectangle	Rectangle | undefined
maximumAnisotropy	number | undefined
minimumTerrainLevel	number | undefined
maximumTerrainLevel	number | undefined
imageryProvider	ImageryProvider | Promise<ImageryProvider>

Cesium events

N/A

Other properties

N/A