三維時態數據可視化

前言
在有些項目中,數據並不是一成不變的,會隨着時間的變化而變化,常需要實現時間控制數據的變化,因此本片博文便找了個動態變化明顯的數據來構造成模型,來實現三維數據的動態可視化。

數據獲取

本數據是中國市級地區某段時間每日的指標變化數據,因此需要先獲取到城市的座標
獲取到市級的座標
整理中國市級名稱,使用桌面在線模塊的地址解析功能,匹配每個市的座標
在這裏插入圖片描述

根據座標數據轉成點數據,設置一個投影座標
在這裏插入圖片描述

再將投影座標的點數據轉換成地理座標系
在這裏插入圖片描述

數據處理

將上方的獲得的點數據處理三維柱狀模型,再配合webgl的泛光特效營造燈光效果
1、市級點數據緩衝成20000m半徑的圓面
在這裏插入圖片描述

2、使用線性拉伸成三維立體圓柱模型
在這裏插入圖片描述

3、將數據匹配到拉伸的模型上
在這裏插入圖片描述

4、製作合適的專題圖顏色,將數據緩存
在這裏插入圖片描述

最後將工作空間發佈服務。

代碼

將所有的緩存數據發佈服務,然後使用計時器控制圖層按順序顯隱,再開啓泛光等特效,最終實現的結果如下動圖,由於圖片有上傳大小限制,便選了其中部分的圖
在這裏插入圖片描述

代碼可在以下鏈接中獲取
鏈接:https://pan.baidu.com/s/1mVhLLJXIZL-kF7GjwCFG_A
提取碼:mjh7
複製這段內容後打開百度網盤手機App,操作更方便哦

結言
從動圖中可明顯看出數據隨時間的動態變化,再配合上三維的泛光特效,營造出的燈光效果,數據動態變化明顯並有很好的視覺效果

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