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方法重新渲染模型。