3dtiles 加载问题

3dtiles加载不出来的问题

错误示范

之前 用的一种方式

复制代码
 const init3dtitles = (url) => {
     // 加载3D Tiles数据
     tileset.value = new Cesium.Cesium3DTileset({
         url: url,
        // 根据实际路径调整
     });
     viewer.scene.primitives.add(tileset.value);
    viewer.zoomTo(tileset.value);
 }

后面用到香港数据集时,加载怎么都加不出来,要不然无法加载model 要不然停止渲染,后来发现是版本太低,升级版本后发现

复制代码
tileset.readyPromise.then

这个方法一直报错,网上找了很多,发现新版本的ceisum 不支持Cesium3DTileset 加载,而是使用Cesium.Cesium3DTileset.fromUrl(url)这个方法加载 于是直接替换,但一直渲染出错,后来发现需要等

复制代码
Cesium.Cesium3DTileset.fromUrl()

这个方法加载完成后,才能调用

复制代码
 viewer.scene.primitives.add

于是,利用Promise实现

正确代码

复制代码
const tileset = Cesium.Cesium3DTileset.fromUrl(
    'http://localhost:8002/tilesets/Seattle/tileset.json',  { enableCollision: true }
);
tileset.then(function (_tileset) {
    viewer.scene.primitives.add(_tileset);
    viewer.zoomTo(_tileset);
});
相关推荐
二川bro15 小时前
第27节:3D数据可视化与大规模地形渲染
3d·信息可视化
周小码1 天前
CesiumJS详解:打造专业级Web 3D地球仪与地图的JavaScript库
前端·javascript·3d
大嘴带你水论文1 天前
震惊!仅用10张照片就能随意编辑3D人脸?韩国KAIST最新黑科技FFaceNeRF解析!
论文阅读·人工智能·python·科技·计算机视觉·3d·transformer
Coovally AI模型快速验证3 天前
3D目标跟踪重磅突破!TrackAny3D实现「类别无关」统一建模,多项SOTA达成!
人工智能·yolo·机器学习·3d·目标跟踪·无人机·cocos2d
研梦非凡3 天前
CVPR 2025|基于粗略边界框监督的3D实例分割
人工智能·计算机网络·计算机视觉·3d
逻辑羊驼3 天前
VSCode+MobaXterm+X11可视化界面本地显示
运维·服务器·ubuntu·3d
二川bro3 天前
第25节:VR基础与WebXR API入门
前端·3d·vr·threejs
二川bro3 天前
第24节:3D音频与空间音效实现
3d·音视频
新启航半导体有限公司3 天前
[新启航]《超薄碳化硅衬底 TTV 测量:技术挑战与解决方案》
科技·3d·制造