App Directory

After downloading the files from the official website, we can see the following CesiumJS library structure:

Source/: Cesium application code and data
ThirdParty/: External dependency libraries, third-party libraries separate from Cesium
LICENSE.md: Cesium license information
index.html: Web homepage, which needs to be defined according to Cesium requirements and include Cesium dependency libraries
server.js: Node.js-based web server application

Note

CesiumJS is adapted to work with third-party JavaScript libraries and frameworks:

Page Structure

1
<script src="ThirdParty/Cesium/Cesium.js"></script>

Developers can also pick and choose their dependency libraries from ThirdParty/Cesium/source/ according to their needs, trimming the JS file size.

A div is needed as the container for the Cesium Viewer widget:

1
<div id="cesiumContainer"></div>

An app.js file is needed to activate the Cesium Viewer. It’s best to include app.js at the end of the HTML:

1
<script src="Source/App.js"></script>

The styles for various widgets in the Cesium viewer need to be imported. Create a new index.css and include it in index.html:

1
<link rel="stylesheet" href="index.css" media="screen">

Add the following default Cesium CSS to index.css:

1
@import url(ThirdParty/Cesium/Widgets/widgets.css);

Open Source/App.js and delete its contents
Copy Source/AppSkeleton.js to Source/App.js
Make sure server.js is in the Cesium root directory and run server.js (npm server.js)
Enter localhost:8080 in a modern browser (with WebGL support)

If you have any issues:

Cesium Chinese Website QQ Group: 807482793