Cesium是一款开源的基于JS的3D地图框架。一个地图可视化框架,与Leaft-let以及OpenLayer等没有本质的区别,只是Cesium支持三维场景,做的更漂亮。详细的介绍可自行搜索。

一、准备工作

  1. 源码:可以从cesium网站直接下载,或者从github上下载源码。下面的环境搭建以源码下载编译进行。github地址:https://github.com/AnalyticalGraphicsInc/cesium,请根需要自行选择版本号,截止到本篇文章书写时间,已经更新到了1.67版本。我下载了1.66版本来支持Cesium系列教程。
  2. IDE:这里我们使用使用性最广泛的VSCode作为编码IDE。VSCode有许多很好的编码插件。在后面的教程中会有所提及。
  3. node:直接百度搜索下载安装即可,可以直接安装exe。安装了node就会自动带有npm,这是我们后面经常使用的。

二、源码编译和运行

  1. 使用VSCode打开源码所在的文件夹,打开后点击vscode的【终端】;
  2. 在打开的终端输入指令: npm install,回车后,等待完成,完成后会在左侧文件列表中多出一个node_modules文件夹。这样就安装好了在编译和运行Cesium时需要用到的依赖包。结果如下图所示;
    01 Cesium基础篇--环境搭建
  3. 完成2后继续在终端输入:npm run release,这句指令用于对源码进行打包;
  4. 在编译完成后就可以第一次运行Hello World了,在终端输入指令:node server.js 或者 npm start,第三步的部分结果和第四步结果如下图所示。
    01 Cesium基础篇--环境搭建
  5. 拷贝上图最后一行的 http://localhost:8080/ 在浏览器中打开,打开结果如下图所示;
    01 Cesium基础篇--环境搭建
  6. 根据上图的展示,可以直接点击Hello World,点击后如果出现下图效果,则环境搭建完成。
    01 Cesium基础篇--环境搭建

相关文章:

  • 2023-04-03
  • 2021-09-04
  • 2021-07-30
  • 2022-01-01
  • 2022-12-23
  • 2021-09-22
猜你喜欢
  • 2021-11-17
  • 2021-05-30
  • 2022-02-09
  • 2022-12-23
  • 2022-01-19
  • 2021-10-20
  • 2021-05-21
相关资源
相似解决方案