Cesium快速入门

cacrle

已于 2024-01-25 09:46:06 修改

阅读量8.2k

点赞数 62

分类专栏： Cesium 文章标签： arcgis javascript

于 2024-01-23 12:59:46 首次发布

本文链接：https://blog.csdn.net/qq_40640910/article/details/135768890

版权

本文介绍了如何安装Node.js环境，配置Cesium依赖，并通过实例步骤搭建第一个Cesium程序，包括引入源码、创建HTML文件、编写基础代码以及申请许可密钥。同时概述了Cesium的界面和默认控件功能。

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

0.引言

现有的gis开发方向较流行的是webgis开发，其中Cesium是一款开源的WebGIS库，主要用于实时地球和空间数据的可视化和分析。它提供了丰富的地图显示和数据可视化功能，并能实现三维可视化开发。Cesium适用于地球科学研究、军事情报分析、航空航天领域以及虚拟现实应用等方面。本文是基于Cesium教程进行实践操作后的总结，以使新手能快速入门Cesium。

1.Cesium环境搭建

1.1安装Node.js环境

（1）下载Node.js安装包
进入Node.js官网的下载页面进行下载： https://nodejs.org/en/
在这里插入图片描述

（2）安装Node.js
①直接双击Node.js。
若安装时报错，这说明需要以管理员身份运行cmd，然后在cmd中运行Node.js安装程序。
在这里插入图片描述
②安装Node.js后，为检查是否安装成功，在cmd中输入：node -v，出现版本号说明安装成功。

1.2配置Cesium依赖

（1）下载Cesium代码包
访问Cesium官网下载推荐代码包： https://cesium.com/downloads/
在这里插入图片描述

（2）安装Cesium依赖
安装包下载完成后，将其解压，进入解压缩后的目录，输入“npm install”，安装Cesium依赖。
在这里插入图片描述

成功安装Cesium依赖结果如下，有少量缺陷报红色错误，不影响依赖Cesium主要功能。
在这里插入图片描述

（3）启动服务
在Cesium依赖安装完成后，查看server.js，根据电脑情况设置端口等信息。
在这里插入图片描述
在cmd中，再输入“node server.js”来开启服务，然后ctrl+点击网址，启动服务（浏览器必须支持WebGL，推荐使用Chrome浏览器）。

拓展：可以在上图中了解两个重要的链接：Documentation和Sandcastle。
Documentation里面包括了Cesium的完整API说明，可以从中查看各个模块中的函数、属性、方法及部分调用代码示例，方便用户深入学习；
在这里插入图片描述
Sandcastle是一个沙盒，里面包括了当前版本的各种示例，可以进行代码测试并导出测试代码。

（4）通过http-server发布服务
①安装http-server
打开命令行，输入“npm install http-server -g”进行安装。
在这里插入图片描述
②在文件目录，输入“http-server”，即可发布服务，复制发布后的网址并在浏览器打开，查看发布的服务。
若文件目录位于：D:\Cesium_Test，在该目录下启动终端，并输入指令发布服务。

最低0.47元/天解锁文章