本發(fā)明涉及數(shù)據(jù)可視化引擎技術(shù)領(lǐng)域，具體地說是一種多層數(shù)據(jù)疊加的可視化監(jiān)控方法。
背景技術(shù)：
在對地圖中的3D建筑進(jìn)行繪制時，通過Three.js中的ExtrudeGeometry函數(shù)可以非常簡便地繪制3D的幾何圖形。通過繪制城市輪廓并將其擠出到對應(yīng)建筑數(shù)據(jù)的高度，來達(dá)到建筑的效果。但這只允許繪制大概規(guī)模在幾百數(shù)量的建筑。
根據(jù)城市規(guī)劃的不同，有些城市中存在大量高度為一層的建筑。盡管通過3D繪制方法來繪制，這類建筑的高度仍是微乎其微甚至不可見的。而且，通常城市的建筑大概在幾十萬左右的數(shù)量，首先根據(jù)重點區(qū)域進(jìn)行抽析，減少所繪制的建筑數(shù)量，但是城市的輪廓集合數(shù)據(jù)依然非常大，前端一次性讀取如此龐大的數(shù)據(jù)，等待時間過長。
技術(shù)實現(xiàn)要素：
本發(fā)明的技術(shù)任務(wù)是針對以上不足之處，提供一種多層數(shù)據(jù)疊加的可視化監(jiān)控方法，通過可拖拽并靈活的可視化布局，將業(yè)務(wù)數(shù)據(jù)與地理信息融合的大數(shù)據(jù)可視化，以生動的形式呈現(xiàn)隱藏的龐大數(shù)據(jù)，有效幫助用戶做業(yè)務(wù)的數(shù)據(jù)洞察。
本發(fā)明解決其技術(shù)問題所采用的技術(shù)方案是：
一種多層數(shù)據(jù)疊加的可視化監(jiān)控方法，利用數(shù)據(jù)可視化引擎中的控制組件，根據(jù)設(shè)計稿，做出大致demo界面，客戶根據(jù)拖動條，像操作軟件一樣進(jìn)行調(diào)整，并打印出來相應(yīng)配置，返回代碼中再進(jìn)行微調(diào)；
針對城市規(guī)模的繪制，包括建筑，道路及河流，通過合并幾何圖形的方法，將上述所有幾何圖形合并成唯一的幾何圖形，以來節(jié)省CPU與GPU的計算，并減少兩者間的通信，從而實現(xiàn)大規(guī)模城市的繪制；
針對大量高度為一層的建筑，歸為2D建筑，通過單一的面展現(xiàn)出建筑的形狀，節(jié)省大量的計算，同時保證性能的優(yōu)化；
展示城市中某一個或幾個建筑的細(xì)節(jié)，建立obj格式或dae格式的3D模型，通過Three.js將這些3D模型導(dǎo)入原本這些建筑所在地圖上的位置；
數(shù)據(jù)內(nèi)容為建筑的輪廓數(shù)據(jù)，導(dǎo)入前在nodejs里進(jìn)行后端優(yōu)化，通過減少距離太近的點減少對建筑面的繪制；
通常城市的建筑大概在幾十萬左右的數(shù)量，城市的輪廓集合數(shù)據(jù)依然非常大，按照建筑數(shù)據(jù)id隨機(jī)的方式切成若干個小的文件，減少每次請求的大小，以一種符合視覺的方式載入地圖。
優(yōu)選的，在處理建筑的陰影時，通過在城市底部建立新的平面圖層，來接收建筑的陰影，同時在Three.js中選擇讓建筑也同時接收陰影，根據(jù)燈光的位置，模擬出真實的城市。
進(jìn)一步的，旋轉(zhuǎn)燈光的位置，來觀測建筑陰影的變換，模擬出城市中一天的陰影變化。
本發(fā)明的一種多層數(shù)據(jù)疊加的可視化監(jiān)控方法和現(xiàn)有技術(shù)相比，具有以下有益效果：
以日常圖表組件庫以及地理相關(guān)組件庫為基礎(chǔ)，專業(yè)數(shù)據(jù)可視化模板設(shè)計為視覺框架，依托前端框架搭建起來的web服務(wù)。通過該引擎可以利用已有組件低成本還原設(shè)計師產(chǎn)出的原型圖，快速完成多種數(shù)據(jù)源的綁定，并通過最終的可視化配置調(diào)整系統(tǒng)完成所見即所得的視覺調(diào)試，最終產(chǎn)出數(shù)據(jù)大屏；
資源利用，通過數(shù)據(jù)大屏可以直觀及時把握云計算資源的利用，數(shù)據(jù)調(diào)度，讓管理有的放矢；社會效果，通過對海量互聯(lián)網(wǎng)數(shù)據(jù)和政府經(jīng)濟(jì)數(shù)據(jù)進(jìn)行挖掘的基礎(chǔ)上，形成對區(qū)域人口、農(nóng)村、消費、電商發(fā)展等綜合指標(biāo)的畫像，并以高度可視化的方式輸出，使地方經(jīng)濟(jì)民生發(fā)展一覽無余。
具體實施方式
下面結(jié)合具體實施例對本發(fā)明作進(jìn)一步說明。
一種多層數(shù)據(jù)疊加的可視化監(jiān)控方法，利用數(shù)據(jù)可視化引擎中的控制組件，根據(jù)設(shè)計稿，做出大致demo界面，客戶根據(jù)拖動條，像操作軟件一樣進(jìn)行調(diào)整，并打印出來相應(yīng)配置，返回代碼中再進(jìn)行微調(diào)；
針對城市規(guī)模的繪制，包括建筑，道路及河流，通過合并幾何圖形的方法，將上述所有幾何圖形合并成唯一的幾何圖形，以來節(jié)省CPU與GPU的計算，并減少兩者間的通信，從而實現(xiàn)大規(guī)模城市的繪制；
針對大量高度為一層的建筑，歸為2D建筑，通過單一的面展現(xiàn)出建筑的形狀，節(jié)省大量的計算，同時保證性能的優(yōu)化；
展示城市中某一個或幾個建筑的細(xì)節(jié)，建立obj格式或dae格式的3D模型，通過Three.js將這些3D模型導(dǎo)入原本這些建筑所在地圖上的位置；
在處理建筑的陰影時，通過在城市底部建立新的平面圖層，來接收建筑的陰影，同時在Three.js中選擇讓建筑也同時接收陰影，根據(jù)燈光的位置，模擬出真實的城市。
旋轉(zhuǎn)燈光的位置，來觀測建筑陰影的變換，模擬出城市中一天的陰影變化。
數(shù)據(jù)內(nèi)容為建筑的輪廓數(shù)據(jù)，導(dǎo)入前在nodejs里進(jìn)行后端優(yōu)化，通過減少距離太近的點減少對建筑面的繪制；
通常城市的建筑大概在幾十萬左右的數(shù)量，城市的輪廓集合數(shù)據(jù)依然非常大，按照建筑數(shù)據(jù)id隨機(jī)的方式切成若干個小的文件，減少每次請求的大小，以一種符合視覺的方式載入地圖。
通過上面具體實施方式，所述技術(shù)領(lǐng)域的技術(shù)人員可容易的實現(xiàn)本發(fā)明。但是應(yīng)當(dāng)理解，本發(fā)明并不限于上述的具體實施方式。在公開的實施方式的基礎(chǔ)上，所述技術(shù)領(lǐng)域的技術(shù)人員可任意組合不同的技術(shù)特征，從而實現(xiàn)不同的技術(shù)方案。
除說明書所述的技術(shù)特征外，均為本專業(yè)技術(shù)人員的已知技術(shù)。