初学者如何快速搭建一个简单的cesium项目

最新推荐文章于 2025-05-05 15:13:54 发布

原创最新推荐文章于 2025-05-05 15:13:54 发布 · 1.1k 阅读

6 ·

CC 4.0 BY-SA版权

文章标签：

#js #node #node.js

本文档详细介绍了如何从头开始创建一个Cesium.js项目。首先，从官方GitHub仓库下载1.76版本并解压，或者通过提供的百度网盘链接获取。接着，将解压后的Build文件夹和Apps下的HelloWorld.html放入新建的Cesium-demo1文件夹。然后，配置并运行server.js作为本地服务器，使用npm安装express。最后，启动服务器并在浏览器中访问http://localhost:4111/HelloWorld.html，完成项目设置。

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

首先截图一波，本人今天初学，所以如果有问题，欢迎指教。这里仅做记录。
学习资料包括下图都来源于：http://cesium.xin/wordpress/archives/category/document
在这里插入图片描述
首先来说一下如何创建一个cesium.js项目

首先第一步：https://github.com/CesiumGS/cesium/releases
下载下面的1.76版本，然后解压。（因为下载比较慢，所以在此也把百度网盘链接分享给你们。）

链接：https://pan.baidu.com/s/1X-tRrvoRALJOzbVZ7sBDiA 
提取码：l0wt 
复制这段内容后打开百度网盘手机App，操作更方便哦

在这里插入图片描述
第二步：创建一个Cesium-demo1空文件夹，然后把你第一步的解压拿到里面的Build文件夹然后放到Cesium-demo1里面来，然后再把Apps文件夹底下的HelloWorld.html文件放到Cesium-demo1。（记得要把HelloWorld.html底下的内容改成下图，主要是这两个地方）
在这里插入图片描述

第三步：创建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`)
})

第四步：npm add express
cnpm install express --save(安装了cnpm才可以执行这个命令)

第五步：node server.js
出现下图即成功
在这里插入图片描述
用下面访问。即可出现