How to access the "Loading..." overlay.

CesiumJS
1

I have been searching for the setting in the Cesium Viewer to make the "Loading..." overlay appear while the code is preparing as visible in the Sandcastle examples, but with no luck. Is there a setting in the Viewer, or is this controlled in js with a promise, then, etc? Many thanks

2

This is not specifically related to Cesium. The sandcastle framework uses basic everyday HTML/CSS/JS for this. You can accomplish in your app many other ways, but the way it works in Sandcastle is:

The body has the “sandcastle-loading” class on it by default, and includes the loadingOverlay div in the HTML:

https://github.com/AnalyticalGraphicsInc/cesium/blob/master/Apps/Sandcastle/gallery/Hello%20World.html#L19

The CSS only shows the loadingOverlay when its a descendant of the sandcastle-loading class:

https://github.com/AnalyticalGraphicsInc/cesium/blob/master/Apps/Sandcastle/templates/bucket.css#L47

The sandcastle-loading class is removed in the finishedLoading function:

https://github.com/AnalyticalGraphicsInc/cesium/blob/master/Apps/Sandcastle/Sandcastle-header.js#L27

which is inserted at the end of the Sandcastle example code:

https://github.com/AnalyticalGraphicsInc/cesium/blob/master/Apps/Sandcastle/gallery/Hello%20World.html#L32

3

Bah! I apologies for spending your time.