cesium 海量gltf三维模型可视化
加载海量模型时，除了使用3dtiles，还可以使用ModelInstanceCollection来批量加载gltf或者glb格式的三维模型，效果如下：
核心代码如下：
function getInstances() {
var instances = [];
var gridSize = Math.sqrt(10000);
var cLon = data.longitude;
var cLat = data.latitude;
var spacing = 0.01;
var height = 0.0;
for (var y = 0; y < gridSize; ++y) {
for (var x = 0; x < gridSize; ++x) {
var longitude = cLon + spacing * (x - gridSize / 2);
var latitude = cLat + spacing * (y - gridSize / 2);
var position = Cesium.Cartesian3.fromDegrees(
longitude,
latitude,
height
);
var heading = Math.random();
var pitch = Math.random();
var roll = Math.random();
var scale = (Math.random() + 1.0) / 2.0 * 100;
var modelMatrix = Cesium.Transforms.headingPitchRollToFixedFrame(
position,
new Cesium.HeadingPitchRoll(heading, pitch, roll)
);
Cesium.Matrix4.multiplyByUniformScale(
modelMatrix,
scale,
modelMatrix
);
instances.push({
modelMatrix: modelMatrix
});
}
}
return instances;
}
function createCollection() {
var instances = getInstances();
instanceCollection = viewer.scene.primitives.add(
new Cesium.ModelInstanceCollection({
url: "./data/model/tree/tree.gltf",
instances: instances
})
);
}
转自简书–李仙伟
