一.下载Cesium代码包
下载链接:https://cesium.com/cesiumjs/
点击CesiumJS下载按钮,然后将.zip文件包解压至任意文件夹下,得到下列目录内容。
二.配置node.js环境
- 从官网中下载安装Node.js,请按需选择windows或者mac或者源码。
https://nodejs.org/en/download/current/
- 安装无话表,一点到天明 ~ next next next
- 安装完成之后测试node环境是否配置完成。在终端里面输入node -v和node --version查看是否安装成功,如果安装成功会出现安装的node.js的软件版本号。
node -v
node --version
此处需要注意,刚安装后需要重启电脑以使得npm生效。关于npm,如果觉得有时使用npm去安装一些包比较慢的话,可以百度搜索"淘宝npm",将npm换为cnpm会使得安装速度提升许多。
三.启动Cesium!
1.在Cesium所在的安装文件夹目录下,打开命令行窗口,输入npm install。
npm install
稍等之后,会发现原本Cesium的文件夹下多出来一个node_modules文件夹,该文件夹是运行Cesium所需要的一些包,不可缺少,否则将无法运行
2. 继续在命令行窗口输入命令node server.js
node server.js
片刻之后,命令行窗口会出现一行信息,如图所示。如果一直使用Cesium的话,请保持该服务一直connected,然后打开浏览器输入http://localhost:8080 即可访问Cesium的主页。
http://localhost:8080
3. Cesium的主页信息如下图所示,这其中HellowWorld就是我们需要动手修改代码的前端界面了。(打开之后你可能不一定能见着地球,这是因为在HelloWorld.html这个文件中缺少调用Bing地图的密钥,必须要创建Cesium账户,并申请Cesium Token,用于调用各种Cesium可支持的地图服务,然后才能看到地球。具体步骤搜索:“为什么我的Cesium没有地球”)