前言
在有些項目中,數據並不是一成不變的,會隨着時間的變化而變化,常需要實現時間控制數據的變化,因此本片博文便找了個動態變化明顯的數據來構造成模型,來實現三維數據的動態可視化。
數據獲取
本數據是中國市級地區某段時間每日的指標變化數據,因此需要先獲取到城市的座標
獲取到市級的座標
整理中國市級名稱,使用桌面在線模塊的地址解析功能,匹配每個市的座標
根據座標數據轉成點數據,設置一個投影座標
再將投影座標的點數據轉換成地理座標系
數據處理
將上方的獲得的點數據處理三維柱狀模型,再配合webgl的泛光特效營造燈光效果
1、市級點數據緩衝成20000m半徑的圓面
2、使用線性拉伸成三維立體圓柱模型
3、將數據匹配到拉伸的模型上
4、製作合適的專題圖顏色,將數據緩存
最後將工作空間發佈服務。
代碼
將所有的緩存數據發佈服務,然後使用計時器控制圖層按順序顯隱,再開啓泛光等特效,最終實現的結果如下動圖,由於圖片有上傳大小限制,便選了其中部分的圖
代碼可在以下鏈接中獲取
鏈接:https://pan.baidu.com/s/1mVhLLJXIZL-kF7GjwCFG_A
提取碼:mjh7
複製這段內容後打開百度網盤手機App,操作更方便哦
結言
從動圖中可明顯看出數據隨時間的動態變化,再配合上三維的泛光特效,營造出的燈光效果,數據動態變化明顯並有很好的視覺效果