前段時間要做一個三維相關的專案，側重三維場景的展示以及資料查詢，對三維場景中的空間分析並沒有涉及，而且甲方不想花幾十萬買套三維平臺進行二次開發，只能藉助開源的。所有針對需求，篩選了現有的三維引擎或三維平臺，OSG太過底層，babylonjs、threejs適用於資料量小的小場景，webglearth簡單實用，但是demo較少、更新慢，openwebglobe載入不流暢、效果不怎麼好，cesiumjs是以js編寫的webGL三維地圖渲染引擎，有較多的demo，詳細的api文件，有測試平臺，比較豐富的展示特性和擴充套件，所以最後就選定cesiumjs了。

          按照網上的環境搭建流程，將cesiumjs的執行環境搭建了起來，通過Sketchup建立了三維模型，並搭建了三維場景。然後就是將三維模型載入到Cesium中， 目前Cesium只支援gltf和bgltf格式，可以通過dae格式轉換過去。將三維模型全加進去後，問題出現了，缺少三維場景顯示的優化演算法，三維場景轉不起來。通過查詢資料，發現cesiumjs支援3D Tiles資料集，3DTiles資料集以分塊、分級渲染，將大資料量三維資料以分塊，分層的形式組織起來，可以大量減輕瀏覽器和GPU的負擔，將瓦片的位置資訊寫到了資料中的.b3dm和對應的json檔案中，json檔案是3dtiles資料集的元資料， boundingVolume節點是用來表示三維模型的範圍，它是以wgs84直角座標的方式儲存的，它不明文儲存資料的地理位置，但是可以從wgs84直角座標中反解出經緯度座標。refine節點有兩個屬性，add/replace屬性，其意義是在載入這個節點資料時，時在上級資料的基礎上add還是replace。

       怎麼將模型資料轉換成3Dtiles呢？目前 缺少免費好用的生成工具，並沒有形成一個成熟的解決方案，第三方推出的CesiumLab工具提供了生成3Dtiles的功能，但是要用完整功能是需要收費的。那到底有沒有免費、好用的轉換工具呢？

        SuperMap iClient 3D for WebGL 是基於CesiumJS擴充套件的一套三維引擎API，重要的是 它推出了三維切片快取（S3M）圖層，支援根節點過濾、裁剪，提高載入效能。還有它加入了剖面分析、視域分析、淹沒分析、通視分析等功能。

                                                                                           分析功能

       SuperMap iClient 3D for WebGL Api庫是免費的，但是需要SuperMap DeskTop、Iserver的支援，SuperMap DeskTop用於資料轉換、快取檔案生成，Iserver用於釋出三維服務。SuperMap DeskTop因為只是處理資料，可以申請試用版或下載那啥版（你懂的）；因為不做基於服務端的空間分析，只是用來顯示三維場景，Iserver可以用webserver代替（我是用的Apache）釋出S3M服務。步驟如下：

1. 建立三維模型，搭建三維場景，將模型轉換為dae、3ds、obj、fbx常用格式。
2. 開啟SuperMap DeskTop,建立資料來源，匯入三維模型的資料集。
3. 在加入的資料集上右鍵點選，生成場景快取，設定生成Lod的層級和瓦片大小，成功後會生成Osgb格式的快取。
4. 在傾斜攝影模組中，將OSGB快取檔案轉成s3m格式的檔案。s3m檔案由scp和s3m實體資料夾組成，scp定義了資料的範圍、快取格式、快取實體檔案的路徑等。s3m則是分層、分塊的三維快取檔案。

   怎麼將s3m檔案加到Cesium中呢？需要去官網下載SuperMap iClient 3D for WebGL Api。通過scene 的“addS3MTilesLayerBySc”方法載入s3m服務，示例如下：

  var promise = scene.addS3MTilesLayerByScp("/Data/model/changjing/changjing.scp", {

                name: changjing

            }); 

    最後將自己的三維場景服務通過上面的方法載入進系統，因為全部場景不適合公開，截取了部分場景如下（三維場景還在修改）。