Cesium integration with sencha

1. A concise explanation of the problem you’re experiencing.

We are evaluating cesium for an existing application that works with NASA world wind and were able to work through the examples as a standalone application. First attempt is very simplistic and works. Unfortunately when we integrate with our application the widgets.css does not seem to load. The file does not get downloaded

on the client side, all other assets load.

2. A minimal code example. If you’ve found a bug, this helps us reproduce and repair it.

Indext.html

<script src="resources/cesium/Cesium.js"></script>

<link href="resources/cesium/Widgets/widgets.css" rel="stylesheet">

<link rel="stylesheet" type="text/css" href="resources/LoadMask.css" />

<style>

    @import url("resources/cesium/Widgets/widgets.css");

</style>

mapController

myMapWidget.setHtml(’

’);

//Cesium
Here

Cesium.Ion.defaultAccessToken = ‘’;

    var viewer = new Cesium.Viewer('mapListCanvas', {

        geocoder: true,

baseLayerPicker: true,

});

Simple helloworld working example

3. Context. Why do you need to do this? We might know a better way to accomplish your goal.

NASA world wind is shutting down soon and we need to find an alternate solution. We want to instantiate the map is specific UI element, hence we need to instantiate the Cesium Viewer at a different point.

4. The Cesium version you’re using, your operating system and browser.

Cesium 1.56.1,

Sencha 6.2

Wild fly server

Windows 10 and chrome

Fixed - friday evening blues

@import url(resources/cesium/Widgets/widgets.css);

Onto the next problem …

Glad you got it working, and thanks for posting your solution Srk!

I’m curious if you run into any other issues moving your application from World Wind to Cesium. Feel free to share any other thoughts/updates here as I’m sure others in the community would like to hear it as well.