CesiumJs 地圖中加載模型,cesium 地圖模型的加載,cesium 加載建築模型, cesium 加載3Dmodels

最近接手cesium 地圖。 。 。 自我感覺cesium地圖很屌的。  真的很強大。

 

基礎的一些東西跟着教程多看幾遍就好了。 

 

下面我們着重說的是cesium 地圖模型的加載。 。

1. cesium 地圖中, 支持3D tiles 格式的模型, 同時支持glb 和gltf格式的模型。dae格式模型文件可以通過軟件轉換成gltf格式的模型,obj也能轉換爲gltf格式模型。 網上很多轉換工具,在這裏就不提供了。 

本教程介紹的是加載深圳市福田區的建築模型(這裏涉及到從谷歌地圖上獲取建築模型,然後下載下來,接着轉換)。。

1.1 下載谷歌地球, 一般深圳這種城市,很多大型建築在谷歌地球上都有已經建好的模型了。 用谷歌地球的話,最好翻牆,不然沒這麼方便,不翻牆搜索功能無法使用。

打開谷歌地圖,視角切換到深圳福田區域,深圳市民中心附近(這一塊是深圳福田cbd,建模很多,很密集),廢話少說,直接上圖

這上面一個個逼真的建築模型就是大神們建的,通過谷歌審覈就能發佈了。  我們隨便找一個建築。 比如在這裏, 我們點擊一個建築。 就選擇市民中心吧。 這個。 

 

因爲沒有翻牆的緣故, 所以彈出框不會顯示建築信息,但是我就是知道這個就是市民中心。 

接下來的工作是要把這個模型拿下來, 放到我們的項目中去。

 

1.2 這個時候,另外一個也比較關鍵的工具上場了, sketch up , (這個工具中的3D warehourse 就是谷歌地球中的3D 模型倉庫)

打開sketch , 選擇3D warehourse, 

搜索框中搜索 市民中心, 找到我們要找的模型(個別建模在3d warehourse中搜索不到, 可能是搜索關鍵字和搜索功能的bug)

接下來直接在sketch up 工具中打開, (sketch 工感覺就是一個遠古時代的建模工具, 相比3D max ,Maya 什麼的都簡單)

這個時候就是一個建築模型了, 一般來說沒有特定的需求,不需要做什麼修改的。 

直接導出3維模型, 選擇要導出的格式, 具體什麼格式沒有特定要求,這要看你的轉換工具室什麼的。 比如我的轉換工具室dae轉gltf工具,那我當然導出dae 格式。

這裏就導出dae格式, 導出後, 會生成一個dae文件, 還有一個同名文件夾。 我們打開文件夾看看, , 

結果一目瞭然, 這個文件夾中其實就是模型的貼圖紋理, 相當於牆紙。後續在cesium中加載gltf模型的時候, 貼圖會直接識別(所以生產完成之後,不要隨便更改文件和文件夾名稱,不然不能識別關聯)

 

再接下來, dae轉 gltf 工具上場了。 將dae轉爲 gltf文件。 。 。

 

轉換完成之後, 把文件夾和gltf文件一塊放到項目目錄中, 

 

然後用下面的代碼加載gltf模型

 

 

 

 

 

 

再然後,啓動tomcat, 運行頁面, Okay。。。

 

 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章