实现一个简单的Cesium应用
想通过一个简单的Cesium例子来明白 Cesium是怎么运行的
首先创建一个cesium-test文件夹,打开命令行进入这个文件夹
之后把之前下载的源码中整个Build文件夹和HelloWorld.html文件拷入到cesium-test文件夹中,但要记得将
<script src="../Build/Cesium/Cesium.js"></script>
@import url(../Build/Cesium/Widgets/widgets.css);
修改为
<script src="Build/Cesium/Cesium.js"></script>
@import url(Build/Cesium/Widgets/widgets.css);
此时项目整体文件已经完成,但是还需要通过nodejs、php等进行发布,才能在网页上查看。建议使用nodejs进行发布。
步骤:
1.在cesium-test新建一个server.js文件,其内容如下:
var http = require("http");
var express = require("express");
const path = require('path');
var app = express();
app.use(express.static(path.join(__dirname, '')));
app.listen(4111, () => {
console.log(`App listening at port 4111`)
})
2.命令行进入cesium-test 输入npm install
再输入node server.js
3.最后打开浏览器 输入localhost:4111/HelloWorld.html,即可完成。
最后呈现的效果是一个地球。