Cesium 入坑记(二)

实现一个简单的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,即可完成。

最后呈现的效果是一个地球。

上一篇:首次使用Cesium加载3D数据成功


下一篇:Cesium渲染一帧中用到的图形技术