Cesium本地文档部署与第一个实例

(1)本地文档与示例部署

Cesium最新版本下载地址:https://cesium.com/downloads/,本次教程用的1.86版本的Cesium,如果以后版本较高,可点击Previous releases找到1.86版本的Cesium下载。下载之后进行解压,解压后的目录如下所示。

├── Apps          Cesium具体的范例程序。├── Buidld        release包,打包后的库文件(压缩和未压缩)、SDK文档    ├── Source        Cesium源码├── Specs         Cesium的主动话单元测试,采纳Jasmine框架,能够实现自动化测试以及接口覆盖率等统计成果    ├── ThirdParty    内部依赖库,不同于Cesium的第三方库   ├── idnex.html    Web导航首页├── server.cjs    基于node.js的web服务利用├── package.json  node包管理器├── gulpfile.js   打包脚本

用vscode关上解压后的文件夹,右击跟门路下的index.html,选“Open with Live Server”。这样就能够浏览官网文档与官网示例。

  • Document :残缺的API文档和参考。
  • Sandcastle:Cesium的实时代码编辑器和示例库。浏览突出显示Cesium API个性的示例,并在web浏览器中编辑和运行它们。在Sandcastle中创立的应用程序能够保留和下载。
  • Cesium ion:Cesium在线资源-地形(createWorldTerrain)、影像(createWorldImagery/IonImageryProvider)、OSM(createOsmBuildings)、点云(IonResource.fromAssetId)、3DTiles等
  • Local links:Cesium本地资源链接,文档、示例、单元测试等
  • External links:Cesium内部资源链接,社区、博客、GitHub等
  • Cesium ion:Cesium在线资源-地形(createWorldTerrain)、影像(createWorldImagery/IonImageryProvider)、OSM(createOsmBuildings)、点云(IonResource.fromAssetId)、3DTiles等
  • Local links:Cesium本地资源链接,文档、示例、单元测试等
  • External links:Cesium内部资源链接,社区、博客、GitHub等

(2)第一个实例搭建

通过在html文件中援用cesium比较简单,新建文件夹(examples),将下面的Build文件夹(只拷贝外面的Cesium)拷贝到examples中,在examples根门路下创立html文件,代码如下:

<!DOCTYPE html><head>  <title>Hello World</title>  <script src="./Cesium/Cesium.js"></script>  <link href="./Cesium/Widgets/widgets.css" rel="stylesheet" />  <style>    html,    body,    #cesiumContainer {      width: 100%;      height: 100%;      margin: 0;      padding: 0;      overflow: hidden;    }</style></head><body>  <div id="cesiumContainer"></div>  <script>    var viewer = new Cesium.Viewer("cesiumContainer");</script></body>