关于cesium:Cesium本地文档部署与第一个实例

41次阅读

共计 1524 个字符，预计需要花费 4 分钟才能阅读完成。

（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>

正文完