Cesium專欄-大量gltf三維模型加載

Cesium 是一款面向三維地球和地圖的，世界級的JavaScript開源產品。它提供了基於JavaScript語言的開發包，方便用戶快速搭建一款零插件的虛擬地球Web應用，並在性能，精度，渲染質量以及多平台，易用性上都有高質量的保證。

我們知道，Cesium可以通過Entity來加載Gltf模型，但是一旦加載的模型數據量過大，就會造成瀏覽器卡頓，甚至崩潰。

有一種場景，比較特殊，例如，可視化一條馬路兩側的樹木在春夏秋冬四季的情況，每隔100米放置一個垃圾桶等等。這類場景加載的模型數量巨大，如果一個一個的加載，勢必會導致網頁卡頓，這時我們需要使用ModelInstanceCollection這個API了。

效果圖

1. 定義模型所處位置集合

• var treePositions = [
• [ 116.37937798457553, 39.90639040824304],
• [ 116.37926582917692, 39.90632075459136],
• [ 116.37902230222204, 39.90627035636522],
• [ 116.37874168213100, 39.90624505983880]
• ......
• ];

2. 構造instances

更多詳情見下面鏈接文章：

文章鏈接

對本專欄感興趣的話，可以關注一波