Cesium从入门到放弃（一）——搭建环境

最新推荐文章于 2025-06-14 23:05:05 发布

原创最新推荐文章于 2025-06-14 23:05:05 发布 · 4.4k 阅读

19 ·

CC 4.0 BY-SA版权

文章标签：

#Cesium

Cesium从入门到放弃专栏收录该内容

2 篇文章

订阅专栏

本文详细介绍如何下载Cesium代码包、配置node.js环境及启动Cesium服务的全过程。包括从官网下载CesiumJS，安装并测试Node.js环境，以及通过命令行启动Cesium服务，最终在本地浏览器访问Cesium主页。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一.下载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没有地球”）
在这里插入图片描述