cesium 入门学习之一：运行cesium，展示3D地球

最新推荐文章于 2024-10-12 16:10:33 发布

原创最新推荐文章于 2024-10-12 16:10:33 发布 · 1.3k 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端

本文介绍了如何从零开始使用cesium构建3D地球展示。首先，需要安装node.js环境并下载合适的cesium版本。通过在命令行运行`npm install`进行依赖安装，然后使用`node server.cjs`启动cesium服务器。在遇到access_token失效问题时，可以在cesium官网获取新的token替换以正常显示3D地图。

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

一直都想研究下cesium，今天终于实际行动起来，开始码代码，经过一番折腾，成功展示出3D地球，故分享出来

1、下载cesium

cesium的运行时依赖node.js环境，所以小伙伴们需提前装好node.js，这里就不教大家怎么装node.js了；另cesium不同的版本对node.js的版本要求是不同的，由于本人电脑node.js的版本为8.9.3,故选用Cesium-1.70版本

github下载地址

在github上找到对应的版本下载，下载完成后解压，进入到该文件目录，打开cmd窗口，输入命令，npm install

至此文件目录如下
在这里插入图片描述

2、运行cesium

在cesium目录下，输入如下命令

node server.cjs

此时控制台会打印如下信息

在这里插入图片描述
接着在浏览中输入 http://localhost:8080/Apps/HelloWorld.html，理想情况下可看到如下界面

注：本人在输入 http://localhost:8080/Apps/HelloWorld.html时，界面中间并不能出现3D地图，打开浏览器控制台，报错提示
在这里插入图片描述
仔细查看发现是access_token失效了，故在cesium的官网 https://cesium.com/cesiumjs/，用F12查看当前展示3D地图的access_token，并全局替换cesium目录下的access_token，重新启动cesium即可正常展示3D地球