從0開始疫情3D地球 - 3D疫情地球VDEarth - 1 - 引言

 

背景

最近疫情肆虐，各個網站也都上線了各類疫情地圖的頁面，單大部分都是基於圖表的，因此想作個3D可視化的全球疫情展現

要實現這個功能，主要簡單分爲三塊內容

（1）3D可視化地球

（2）爬取疫情數據

（3）數據推送

環境

分別準備三部分環境

（1）前端3D可視化

這裏使用threejs進行實現，環境選擇: nodejs，npm，webpack，threejs等

（2）後端數據爬取

使用python爬蟲框架scrapy實現，環境選擇：python3，scrapy，monggodb/mysql

（3）數據推送

使用python做爲數據推送，採用websocket實現，環境選擇 ：python3，websoket，mysql/MongoDB

素材

這裏包括顯示素材，數據素材等

（1）世界地圖貼圖

偷懶直接從echarts官網的3D地球實例請求抓取世界地圖圖片

（2）疫情數據源

因爲只是demo應用，簡單爬取各大網戰的疫情頁面數據便可，這裏選擇：https://news.qq.com/zt2020/page/feiyan.htm#/global?ct=United%20States&nojump=1

 

附上：

總體demo比較簡陋，博客寫的也比較亂，但願你們輕踩。。

不定時更新組件效果和源碼

爬蟲，socket服務端源碼 ：https://github.com/VicentDong/VDDataServer

VDEarth組件前端源碼：https://github.com/VicentDong/VDEarth 

 

後續優化：

　VDEarth組件總體動效，展現內容優化

   爬蟲服務和調度

 

更新記錄：

2020-05-05 更新

1 支持多種地球主題

2 新增疫情概覽數據展現

3 新增多種地圖標註類型

 

相關連接

從0開始疫情3D地球 - 3D疫情地球VDEarth - 1- 引言 

從0開始疫情3D地球 - 3D疫情地球VDEarth - 2 - 前端代碼構建 

從0開始疫情3D地球 - 3D疫情地球VDEarth - 3 - 3D地球組件實現（1） 

從0開始疫情3D地球 - 3D疫情地球VDEarth - 4 - 3D地球組件實現（2） 

從0開始疫情3D地球 - 3D疫情地球VDEarth - 5 - 疫情數據爬蟲 

從0開始疫情3D地球 - 3D疫情地球VDEarth - 6 - 數據推送