cesium加载GB级别3dtiles问题记录，cacheBytes和maximumCacheOverflowBytes

原创 已于 2024-09-26 14:34:36 修改 · 1.3k 阅读 · 8 ·
CC 4.0 BY-SA版权
文章标签：

#3d

于 2024-09-26 14:29:14 首次发布

遇到的问题

使用cesiumlab osgb转3dtiles，数据量大约120G，加载到cesium场景后，当视图缩小全图范围后，整个瓦片会一直刷新。

这里使用的是免费的cesiumlab转换，没有使用它的付费功能，顶层重建，顶点压缩和纹理压缩。

desktop 2024-09-26 10-58-12

搜索了一大堆文章，没有搜到写相关问题的，没办法只能自己探索，猜测。

在这里插入图片描述
仔细读了官网文档的每个参数，怀疑就是设置这个cacheBytes参数。
百度翻译一下就是：

用于缓存图块的GPU内存量（以字节为单位）。此内存使用量是根据加载的图块的几何体、纹理和批处理表纹理估计的。对于点云，此值还包括每点元数据。
不在视野中的瓷砖会被卸载以强制执行此操作。 如果减小此值会导致卸载图块，则下一帧将卸载图块。
如果需要大小超过cacheBytes的图块来满足当前视图的所需屏幕空间错误（由Cesium3DTileset#maximumScr

最低0.47元/天 解锁文章
Cesium 源码分析 Cesium3DTilesetCache
tianyapai的专栏
10-11 1437
Cesium中的3DTiles数据加载的过程中会进行缓存，使用的是Cesium3DTilesetCache这个类，这个类中维护了一个双向链表DoublyLinkedList，链表的每个节点DoublyLinkedListNode包含了3部分内容，item（即tile）、previous、next，而DoublyLinkedList维护了链表的head和tail游标，并包含三个方法remove（移除节点）、add（添加节点）、slice（移动节点）。 ...
Cesium1.95中加载模型过多导致内存溢出的解决方案（服务端层面、代码层面、浏览器层面）
最新发布
duansamve的博客
06-12 1371
GLB → 3D Tiles​​：将大规模 GLB 模型转换为 ​​3D Tiles 格式​​，实现分块加载和视锥体裁剪。瓦片化处理​​：通过 GeoServer 的矢量瓦片模块将数据转换为 ​​MVT 格式​​，配合 Cesium3DTileset 按需加载可视区域数据。​​性能分析工具​​：使用 Chrome DevTools 的 ​​Memory 标签​​定期拍摄堆快照，定位未释放对象。​​预加载低精度模型​​：首次加载时仅提供简化版模型，后续按需加载高精度资源。
cesium 加载时模型一直重绘问题
泪的结晶的博客
04-29 617
cesium 加载时模型一直重绘是因为缓存不够，当缩放到较高的视角时，达到最大缓存值后就会一直重绘。2.cesium版本在1.110之前。3.cesium版本在1.110以后。1.确认cesium版本。
cesium 缓存链接
Webgiser_yy的博客
01-25 698
cesium 缓存
vue+cesium加载3dtiles模型内存消耗很大
qq_43474235的博客
09-03 2135
关于通过谷歌浏览器通过Cesium底层添加实景三维都会存在，谷歌浏览器内存回收机制，这个问题官方一直没有解决了。我可以根据一些参数进行调整一下，我这套方案，本人亲测有效，加载模型速度快，而且当你相机视角达到某个高度的时候或者移走的时候，他会自动回收，一点不占内存。
CesiumJS 2022^ 源码解读[7] - 3DTiles 的请求、加载处理流程解析
whl0071的专栏
09-07 2281
CesiumJS 2022^ 源码解读[7] - 3DTiles 的请求、加载处理流程解析
GLB转3D Tiles并在cesium中加载
ismartcube的博客
09-04 2038
随着三维数据应用的普及，越来越多的应用需要处理和展示复杂的三维场景。GLB（GLTF的二进制格式）和3D Tiles是当前三维数据处理和展示的两种常见格式。GLB广泛用于存储和传输单个3D模型，而3D Tiles则是用于分发大规模地理数据和建筑模型的标准格式。GLB是一种紧凑的、二进制的3D模型文件格式，是GLTF（GL Transmission Format）的二进制版本。转换完成后，您将在指定的输出目录中找到生成的 3DTiles 数据。确保您的 OSGB 数据已准备好，并存储在一个易于访问的目录中。
Cesium加载3D Tiles模型
做GIS梦的人
06-20 5155
最近遇到一个问题，使用大疆无人机做的倾斜摄影三维模型，需要加载到地图上进行显示。从大疆的制图软件导出后，三维模型文件的后缀名为，经查阅资料发现，是3D Tiles格式。3D Tiles是一种开放的三维空间数据标准，其设计目的主要是为了提升大的三维场景中模型的加载和渲染速度，可以理解为三维场景的瓦片。假如要在Web客户端渲染一个非常大的三维模型（如一个大城市的建筑模型），如果把模型全部下载到客户端并且进行渲染，这个过程所消耗的时间对于使用普通电脑的用户来说是不能接受的。然而，在绝大多数的用户交互式的三维场景中
精选资源
cesium直接加载的3dtiles格式文件
10-16
2. **设定3DTiles源**：使用`Cesium.Cesium3DTileset`对象，指定3DTiles数据的URL。这可以是服务器上的一个目录，或者一个单个的Tileset.json文件，该文件描述了3DTiles数据的结构。 3. **添加到场景**：将3DTiles...
cesium加载DEM和3DTiles
m0_51947486的博客
08-02 1141
3DTiles，一种用于流式传输和渲染3D地理空间数据的开放规范。文件中包含Data文件夹、Texture文件夹、*.json文件，json中包含多个节点，assetrootrefinechildrencontent等，各有其作用。DEM，数字高程模型，通常以栅格（raster）或TIN（Triangulated Irregular Network）的形式存在，文件后缀常为.tif。
Cesium三维切片详解
01-22
Cesium开发者对三维切片的详解 理解三维切片实现原理
cesium-graphicBuffer:基于cesium的缓冲区示例
05-24
cesium-graphicBuffer 基于cesium的图形缓冲区示例 基于cesium的图形缓冲区示例 cesium-graphicBuffer 说明 /cesium-graphicBuffer/src/doc 使用 在项目中引入Cesium.js 然后引入 cesium-graphicBuffer.js 即可   // 初始化 let viewer = new Cesium.Viewer("viewerContainer") // 参数 缓冲范围 let radius = 1, bufferEntity = []; // 创建点缓冲区 let createPointBuffer = () => { // 绘制点 右键结束 Cesium.drawPointGraphics({ viewer: viewer
瓦片地图实现（解决了资源问题，增加缓存功能）
03-28
实现jiazaiarcserver瓦片地图的功能，可通过修改配置文件实现加载天地图等其他瓦片，有兴趣的自己扩展吧。
cesium加载mvt 矢量瓦片
03-06
详细说明：https://blog.youkuaiyun.com/caozl1132/article/details/88106984
cesiumjs瓦片数据 3dtiles
07-14
只需要通过`Cesium3DTileset`类实例化一个对象，并指定3D Tiles数据源即可实现加载： ```javascript var tileset = new Cesium.Cesium3DTileset({ url : 'path/to/your/3dtiles.json' }); viewer.scene.primitives...
cesium加载3dtiles格式的倾斜摄影模型数据
05-03
在IT行业中，3D可视化和地理信息系统（GIS）领域，Cesium是一个强大的...综上所述，了解并掌握这些知识点，将有助于开发者有效地利用Cesium加载和展示3DTiles格式的倾斜摄影模型数据，从而为用户提供丰富的3D视觉体验。
Cesium中使用IndexDB缓存数据
weixin_43481439的博客
11-10 2616
是一个简单的操作浏览器数据库的库，它有一个优雅降级策略，若浏览器不支持 IndexedDB 或 WebSQL，则使用 localStorage。IndexedDB 简单的说就是一个运行在浏览器的本地数据库，允许网页在用户的浏览器中存储结构化数据，并且可以高效地进行检索、查询和修改。因此我们只需要将请求回来的数据存储到 IndexDB 中，并且下次请求之前，先尝试从 IndexDB 中获取，如果获取得到，就用 IndexDB 的数据，如果不行才发起请求。这里还是本着会做才是自己的想法，尝试模仿着写了一个。
Cesium：入门教程（五）之 3D Tiles
热门推荐
Puzzle的博客
08-13 1万+
3D Tiles Cesium 与开源社区合作开发了3D Tiles，用于传输海量的异构三维地理空间数据集。使用概念上类似于Cesium的terrain和imagery的流技术，3D Tiles 使得可以查看原本不能交互式查看的巨大的模型，包括建筑物数据集、CAD（或BIM）模型、点云和摄影测量模型。 加载数据（需要到 Cesium ion 添加该数据 var city = viewer.scene.primitives.add(new Cesium.Cesium3DTiles......
cesium加载倾斜数据卡顿--cesiumlab--3dtiles
weixin_56422453的博客
07-17 5713
cesium海量倾斜模型卡顿解决——cesiumlab
cesium 加载多个3dtiles
09-13
Cesium是一个开源的JavaScript库，用于创建交互式三维地球视图。它支持加载多种类型的地理数据，包括3D Tiles，这是一种高效的瓦片格式，用于分块渲染复杂的3D场景。在Cesium中加载多个3DTiles，你可以按照以下步骤操作： 1. **添加依赖**：首先确保你在项目中包含了Cesium库及其3DTiles模块。 2. **准备3DTiles源**：3DTiles通常存储在一个URL或文件路径下，可以是一个MVT、MTL或者PXTile格式的数据包。每个`Tileset`需要有自己的根URL。 3. **创建`Scene`和`CesiumIon`（可选）**：如果你的数据来自Cesium Ion服务，可以使用`CesiumIon`来加载tiles。 ```javascript const scene = new Cesium.Scene(); const ion = new Cesium.CesiumIon({ tilesetUri: 'your-ion-tileset-url', }); ``` 4. **创建`Tileset`对象**：对于本地或自定义服务器上的3DTiles，创建`Tileset`并指定根目录。 ```javascript const tileset = new Cesium.Cesium3DTileSet({ url : 'path/to/your/tiles/tileset.json' }); ``` 5. **加载`Tileset`到场景**：将`Tileset`添加到`Scene`的`primitiveCollection`。 ```javascript scene.primitives.add(tileset); ``` 6. **处理多层或多组3DTiles**：如果场景中有多个层次或来自不同来源的3DTiles，你需要分别加载并管理它们。 7. **动态加载**：如果需要按需加载部分区域，可以使用`show`和`hide`方法控制`Entity`的可见性。
评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值