返回

揭秘 CesiumJS 2022^ 源码：3DTiles 的请求和加载处理流程剖析

前端

导语

在 CesiumJS 源码解读系列的第六篇中，我们深入探讨了 3DTiles 数据的结构和组织方式。为了进一步了解 CesiumJS 如何处理 3DTiles 数据，本文将详细分析 3DTiles 数据的请求和加载处理流程。

3DTiles 数据的请求流程

当 CesiumJS 加载一个 3DTiles 数据集时，它首先会向服务器发送一个请求来获取数据。请求的 URL 由以下部分组成：

  • 根 URL： 这是 3DTiles 数据集的根 URL，通常指向一个 JSON 文件。
  • 层次结构 ID： 这是 3DTiles 数据集的层次结构 ID，用于标识数据集中不同的层次结构级别。
  • 切片 ID： 这是 3DTiles 数据集中特定切片的 ID，用于标识要请求的切片。

例如，以下是一个请求 3DTiles 数据集的 URL：

https://example.com/tileset.json?level=12&x=1024&y=512

其中：

  • https://example.com/tileset.json 是根 URL。
  • 12 是层次结构 ID。
  • 1024 和 512 是切片 ID。

3DTiles 数据的加载处理流程

当 CesiumJS 收到 3DTiles 数据的响应时，它会对数据进行处理。处理过程主要包括以下步骤：

  1. 解析 JSON 文件： CesiumJS 会首先解析 JSON 文件，以获取有关 3DTiles 数据集的元数据，例如数据集中包含的层次结构级别、切片大小、数据格式等。

  2. 创建 3DTiles 数据集： 根据解析得到的元数据，CesiumJS 会创建一个 3DTiles 数据集对象。数据集对象包含了有关 3DTiles 数据集的各种信息，例如数据集中包含的层次结构级别、切片大小、数据格式等。

  3. 加载切片： CesiumJS 会根据当前视点和缩放级别，计算出需要加载的切片。然后，它会向服务器发送请求来获取这些切片。

  4. 处理切片： 当 CesiumJS 收到切片数据时，它会对数据进行处理。处理过程主要包括以下步骤：

    • 解压缩数据。
    • 将数据转换为 CesiumJS 内部的数据结构。
    • 将数据添加到 3DTiles 数据集对象中。

  5. 渲染数据： 当 3DTiles 数据集对象中的数据加载完成后，CesiumJS 会将数据渲染到屏幕上。

结语

通过本文，我们对 CesiumJS 中 3DTiles 数据的请求和加载处理流程有了深入的了解。这些知识可以帮助我们更好地理解 CesiumJS 如何加载和渲染 3DTiles 数据，并为我们开发基于 CesiumJS 的 3D 地图应用提供帮助。

参考链接