Cesium.Viewer UI issues

Can someone familiar with the Cesium Viewer ui layout take a look at my app and let me know if they know what I’m doing wrong?

http://development.virtualworldframework.com/agi/cesiumViewer

TIA,

Scott

I’m also going to have to sync up the vwf and cesium timelines, anyone have any suggestions on how to do that as well?

Scott

Scott, I checked out your link but after the initial loading just get a blank page. Looking at the source in the debugger, I didn’t even see anything Cesium related. Can you point me directly to the source file where you think the problem is or otherwise post relevant code. (It’s also possible that my office network is blocking something).

For your time syncing. I’m not familiar with how VWF works, but if you want Cesium to be the “master” clock and have VWF sync to it. You can just subscribe to the Viewer.clock.onTick event and set VWF time whenever it changes.

The app loaded for me last night at home, so it might be a problem with our office firewall. I didn’t have time to look closely and figure out more details, but I saw the CSS problems with the animation and timeline widgets.

I get these errors in the log today:

vwf-socket: connected javascript.js:6

vwf.descendants: cannot retrieve children of nonexistent node javascript.js:6

vwf.children: cannot retrieve children of nonexistent node javascript.js:6

vwf: getProperty undefined makeOwnAvatarVisible undefined exception performing action: TypeError: Cannot read property ‘private’ of undefined
TypeError: Cannot read property ‘private’ of undefined
at Object.b.load.gettingProperty (http://development.virtualworldframework.com/agi/cesiumViewer/2b8baf9602573153/vwf/model/javascript.js:90:111 )
at Object.gettingProperty (http://development.virtualworldframework.com/agi/cesiumViewer/2b8baf9602573153/vwf/model/stage/log.js:66:303 )
at null. (http://development.virtualworldframework.com/agi/cesiumViewer/2b8baf9602573153/vwf.js:44:322 )
at Array.some (native)
at getProperty (http://development.virtualworldframework.com/agi/cesiumViewer/2b8baf9602573153/vwf.js:44:234 )
at receive (http://development.virtualworldframework.com/agi/cesiumViewer/2b8baf9602573153/vwf.js:17:396 )
at dispatch (http://development.virtualworldframework.com/agi/cesiumViewer/2b8baf9602573153/vwf.js:18:197 )
at Object.i.private.queue.insert (http://development.virtualworldframework.com/agi/cesiumViewer/2b8baf9602573153/vwf.js:64:164 )
at null. (http://development.virtualworldframework.com/agi/cesiumViewer/2b8baf9602573153/vwf.js:15:236 )
at Socket.emit (http://development.virtualworldframework.com/agi/cesiumViewer/2b8baf9602573153/socket.io.js:1690:19) javascript.js:6

vwf: getProperty undefined boundingBox undefined exception performing action: TypeError: Cannot read property ‘private’ of undefined
TypeError: Cannot read property ‘private’ of undefined
at Object.b.load.gettingProperty (http://development.virtualworldframework.com/agi/cesiumViewer/2b8baf9602573153/vwf/model/javascript.js:90:111 )
at Object.gettingProperty (http://development.virtualworldframework.com/agi/cesiumViewer/2b8baf9602573153/vwf/model/stage/log.js:66:303 )
at null. (http://development.virtualworldframework.com/agi/cesiumViewer/2b8baf9602573153/vwf.js:44:322 )
at Array.some (native)
at getProperty (http://development.virtualworldframework.com/agi/cesiumViewer/2b8baf9602573153/vwf.js:44:234 )
at receive (http://development.virtualworldframework.com/agi/cesiumViewer/2b8baf9602573153/vwf.js:17:396 )
at dispatch (http://development.virtualworldframework.com/agi/cesiumViewer/2b8baf9602573153/vwf.js:18:197 )
at Object.i.private.queue.insert (http://development.virtualworldframework.com/agi/cesiumViewer/2b8baf9602573153/vwf.js:64:164 )
at null. (http://development.virtualworldframework.com/agi/cesiumViewer/2b8baf9602573153/vwf.js:15:236 )
at Socket.emit (http://development.virtualworldframework.com/agi/cesiumViewer/2b8baf9602573153/socket.io.js:1690:19) javascript.js:6

vwf: getProperty undefined userObject undefined exception performing action: TypeError: Cannot read property ‘private’ of undefined
TypeError: Cannot read property ‘private’ of undefined
at Object.b.load.gettingProperty (http://development.virtualworldframework.com/agi/cesiumViewer/2b8baf9602573153/vwf/model/javascript.js:90:111 )
at Object.gettingProperty (http://development.virtualworldframework.com/agi/cesiumViewer/2b8baf9602573153/vwf/model/stage/log.js:66:303 )
at null. (http://development.virtualworldframework.com/agi/cesiumViewer/2b8baf9602573153/vwf.js:44:322 )
at Array.some (native)
at getProperty (http://development.virtualworldframework.com/agi/cesiumViewer/2b8baf9602573153/vwf.js:44:234 )
at receive (http://development.virtualworldframework.com/agi/cesiumViewer/2b8baf9602573153/vwf.js:17:396 )
at dispatch (http://development.virtualworldframework.com/agi/cesiumViewer/2b8baf9602573153/vwf.js:18:197 )
at Object.i.private.queue.insert (http://development.virtualworldframework.com/agi/cesiumViewer/2b8baf9602573153/vwf.js:64:164 )
at null. (http://development.virtualworldframework.com/agi/cesiumViewer/2b8baf9602573153/vwf.js:15:236 )
at Socket.emit (http://development.virtualworldframework.com/agi/cesiumViewer/2b8baf9602573153/socket.io.js:1690:19)

Ok, I just checked and the issues are all resolved.

http://development.virtualworldframework.com/agi/cesiumViewer/

Thanks again,

Scott

It looks like the problem is that the CSS for the CesiumViewer is not loaded yet when the JavaScript creates all the widgets, which breaks the layout code.

I notice that CesiumViewer.css is loaded by a link tag, all the way at the bottom of the page in a div:

Cesium Viewer VWF Demo

I couldn’t figure out how that link tag gets added, but it should be added to the , and should be added as early as possible, before the JavaScript runs.