3D管線、智慧樓宇、物聯網3D、物業3D監控、物業基礎設施可視化運維、三維智慧燈杆、3D燈杆、3D定位、三維室内定位、3d建築,3d消防,消防演習模拟,3d庫房,webGL,threejs,3d機房,bim管理系統
接着上一篇文章，《如何用webgl(three.js)搭建處理3D園區、3D樓層、3D機房管線問題（機房更新版）-第九課（一）》 繼續講解關于三維資料中心管線可視化的解決方案。
上一篇我們主要講解了園區的方案，這一片主要講解樓層内的以及機房内的可視化管線方案。
因為是繼着上一篇文章，這裡就不做概念性講解了。
閑話少叙，我們繼着上一篇直接上幹貨。
技術交流 [email protected]
交流微信：
如果你有什麼要交流的心得 可郵件我
1、首先，我們輕按兩下某移動樓，進入樓層内部，看一下樓層結構，效果如下：
進入樓層後，線展開顯示樓層以及主要管線全貌，然後再合并樓層，隐藏管線。
實作代碼如下：
2、顯示樓層間管線，并且顯示管線資訊
實作代碼如下：
滑鼠劃入，顯示光纜彈窗資訊
3、樓層内搜尋光纜走向，并顯示主要接入裝置的資訊。
4、搜尋樓層間電路資訊
5、展現客戶裝置概覽，對于大型IDC機房，會涉及到很多使用者租用機櫃的情況，這時候就需要能夠清晰的看到各個客戶租用的機櫃概況，
這裡我們輕按兩下進入到樓層内部，右下角會展現出目前樓層所有租賃的客戶名稱，點選任何一個客戶名稱，高亮顯示該客戶對應的機櫃，其它無關機櫃虛化。
6、樓層内統一包括正常的機櫃管理資料，機櫃資訊展示等
劃入機櫃，光纜等代碼如下：
7、顯示機櫃使用率概覽
8、顯示u位使用情況概覽，了解每個機櫃的伺服器狀态，通過不通顔色區分伺服器的目前狀态，以及機櫃内的空閑情況
9、通過機櫃柱狀圖形式，展現機櫃的承重，配電情況。
代碼如下：
10、樓層内伺服器間的管線關聯情況，我采用邏輯線路方案，通過邏輯展現的方式，展現兩個伺服器間的連線資訊。
實作方式如下：
11、展現連結的詳細端子資訊。
其它相關文章：
使用webgl(three.js)建立3D機房，3D機房微子產品詳細介紹(更新版二)
如何用webgl(three.js)搭建一個3D庫房-第一課
如何用webgl(three.js)搭建一個3D庫房,3D密集架,3D檔案室,-第二課
使用webgl(three.js)搭建一個3D建築，3D消防模拟——第三課
使用webgl(three.js)搭建一個3D智慧園區、3D建築，3D消防模拟，web版3D,bim管理系統——第四課
如何用webgl(three.js)搭建不規則建築模型，客流量熱力圖模拟
使用webgl(three.js)搭建一個3D智慧園區、3D建築，3D消防模拟，web版3D,bim管理系統——第四課（炫酷版一）