cesium加载3dtiles详解

一、cesium加载3d模型

cesium是使用3dtiles格式加载3D模型的一种方式。3dtiles是基于WebGL的3D Tiles规范的一种格式，它是使用B3DM或I3DM格式的模型集合。接下来看下如何使用cesium加载3dtiles格式的模型。

var tileset = new Cesium.Cesium3DTileset({
  url: 'path/to/3dtiles'
});
viewer.scene.primitives.add(tileset);

通过以上代码片段，可以通过url指定3dtiles文件的地址，然后将tileset添加到场景中。在加载完后，3D模型就会被放置到场景中。

二、cesium加载3d模型失败

在加载3D模型的时候，有时候会出现失败的情况。此时需要查看控制台的日志，了解错误信息。常见的错误信息如下：

1、跨域问题

如果3dtiles文件不在同一个域下，可能会出现跨域问题。此时需要在服务器端配置CORS规则来解决跨域问题。例如，在apache2中，可以通过以下方式配置CORS规则：

Header always set Access-Control-Allow-Origin "*"
Header always set Access-Control-Allow-Headers "X-Requested-With, content-type, access-control-allow-headers,access-control-allow-origin,access-control-allow-credentials,access-control-max-age,authorization"
Header always set Access-Control-Allow-Methods "POST, GET, OPTIONS, DELETE, PUT"

2、模型文件损坏

由于一些原因，3dtiles文件可能会损坏。可以尝试使用其他工具对3dtiles文件进行验证，或者重新生成3dtiles文件。

三、cesium加载shape

在cesium中，可以通过加载shp文件来创建shape。shp文件是一种常见的矢量地图格式，包含矢量数据、属性数据和索引数据。

在cesium中，可以使用GeoJsonDataSource加载shp文件。GeoJson是一种标准格式，可以将shp数据转换为GeoJson格式，然后使用GeoJsonDataSource加载GeoJson格式数据。

Cesium.GeoJsonDataSource.load('/path/to/shp').then(function(dataSource) {
  viewer.dataSources.add(dataSource);
});

通过使用GeoJsonDataSource的load方法可以加载shp文件，并将其添加到viewer场景中。

四、cesium加载shp

除了使用GeoJsonDataSource加载shp文件以外，还可以使用其他方法将shp文件加载到cesium中。其中，shp文件可以转换为kml、geojson或者czml格式。

以下是一段将shp文件转换为czml格式的代码示例：

var czmlDataSource = new Cesium.CzmlDataSource();
Cesium.ShpLoader.load('/path/to/shp', {}).then(function(results) {
  czmlDataSource.load(results.czml);
  viewer.dataSources.add(czmlDataSource);
});

以上代码会将shp文件转换为czml格式，然后将czmlDataSource添加到viewer场景中。

五、cesium加载dxf

类似于shp文件，dxf文件也可以被加载到cesium中。dxf文件是一种CAD图形文件格式，可以包含多种类型的数据，例如点、线、多边形等等。在cesium中，可以使用dxf-parser库将dxf文件解析为GeoJson格式，然后使用GeoJsonDataSource加载。

Cesium.DxfParser.load('/path/to/dxf').then(function(parsedData) {
  var dataSource = Cesium.GeoJsonDataSource.load(parsedData);
  viewer.dataSources.add(dataSource);
});

以上代码会将dxf文件解析为GeoJson格式，然后使用GeoJsonDataSource加载GeoJson格式数据，最后将dataSource添加到viewer场景中。

六、cesium加载gml格式

除了shp、dxf等常见格式以外，cesium还支持加载gml格式。gml文件是一种XML格式文件，常见于GIS领域。在cesium中，可以使用CesiumGmlDataSource加载gml文件。

var dataSource = new Cesium.CesiumGmlDataSource();
dataSource.load('/path/to/gml').then(function() {
  viewer.dataSources.add(dataSource);
});

以上代码会使用CesiumGmlDataSource的load方法加载gml文件，并将dataSource添加到viewer场景中。

七、cesium加载glb模型路径选取

在cesium中，可以使用模型工具生成glb格式的模型，然后通过使用3dtiles格式将模型发布到Web上，以便进行加载和使用。

生成glb模型后，需要将模型文件上传到Web服务器中，然后在加载时指定3dtiles文件的路径。可以使用相对路径或者绝对路径指定3dtiles文件的路径。

以下是一段示例代码，演示如何加载glb模型：

// 加载3dtiles文件
var tileset = new Cesium.Cesium3DTileset({
  url: 'path/to/3dtiles'
});
viewer.scene.primitives.add(tileset);

// 获取模型实例
var modelInstances = tileset.modelInstances;
var instance;
for (var i = 0; i = 0) {
    break;
  }
}

// 更换模型路径
instance._model._gltfResourceUrl = 'path/to/new/glb';
tileset.invalidateModel(instance);

以上代码可以加载3dtiles文件中的glb模型，并将其添加到场景中。获取modelInstances中的模型实例，并使用GltfResourceUrl更换模型的路径，然后使用invalidateModel方法重新渲染模型。

原创文章，作者：小蓝，如若转载，请注明出处：https://www.506064.com/n/244498.html