Cesium 加载3Dtiles数据-最佳方法对比-Toy模板网

这篇具有很好参考价值的文章主要介绍了Cesium 加载3Dtiles数据-最佳方法对比。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

Cesium加载空间数据的方法有很多种，网络上关于3Dtiles数据集加载的废话连篇，看着就很无语。这里我本人直抒胸臆，简单介绍一下数据的加载方式。

先打开Cesium的深度检测的开关，也可以不打开。

 terrainProvider: Cesium.createWorldTerrain(), //打开深度检测选项

/**
 * 加载3D tileset文件，这里我封装成了一个函数实现数据的加载效果，利用Cesium的scene.primitives.add实现数据路径的读取，没有错误后就证明出来数据读取成功。
 */

 load3DTileFile();
 function load3DTileFile() {
        let tileset = Viewer.scene.primitives.add(new Cesium.Cesium3DTileset({
            url: datapath,
            shadows: Cesium.ShadowMode.DISABLED,
            luminanceAtZenith: 1,
        }))

完成以上步骤后，利用Cesium的readyPromise函数对数据自动化解析，关于这个函数的使用方法可以自行参考Cesium中文网站上的解析，在此不一一赘述（Model - Cesium Documentation）。

最后，实现页面打开后自动fly到目标地点函数。可以使用zoomTo函数，那就没有飞入动画的效果，具体核心代码参考如下。

Viewer.zoomTo(
                tileset,
                new Cesium.HeadingPitchRange(
                    0.0,
                    -0.5,
                    tileset.boundingSphere.radius / 4.0
                )
            );

或者使用flyTo函数实现这个效果，具体函数代码如下：

Viewer.flyTo(tileset);

当然，完成以上步骤后大体工作基本上完成了，如果显示出来地图得到的白膜数据颜色需要调整的话，可以使用Cesium自带的Cesium3DTileStyle这个函数来设置颜色，这里附上我的核心代码：

            tileset.style = new Cesium.Cesium3DTileStyle({
                color: {
                    conditions: [// ["true", "color('white')"]
                        ["true", "rgb(226,0,0)"]]
                },
            });

至此，加载3d tile数据的基础工作基本上完成了。具体效果如下~~~~

Cesium 加载3Dtiles数据-最佳方法对比