天天看點

echarts echarts-x echarts-gl 制作3D地球

我的部落格:http://gongyanli.com/echarts-echarts-x-echarts-gl-%E5%88%B6%E4%BD%9C3D%E5%9C%B0%E7%90%83/

github:https://github.com/Gladysgong/3D_earth_all

tips:可以自己研究一下,等有時間我再詳細講解代碼。

1.worldFlights

所用架構:philogl
位置:examples\worldFlights
說明:philogl (https://github.com/senchalabs/philogl) 官方項目下的一個demo,把全球飛行航線在3d地球上表示出來。
           

2.airline_china

所用架構:philogl
說明: 一位部落客基于philogl官方項目的demo改寫而成,把全球的飛行路線改為了中國飛行路線(參照:examples\worldFlights)
           

3.3dmap

所用架構:echart-x
說明:利用echart-x制作的3d地球,其資料是把根據經緯度的高低來對國家進行分類(高、中、低)
           

4.echarts-gl

說明:echarts-gl官方項目,我使用npm拉取代碼後,依然運作有問題,顯示不清楚,是以棄用,可能還是我自己哪裡有問題,但是沒找出來。
           

5.echarts3D-globe

所用架構:echarts-gl
說明:一位童鞋(不好意思,等我有時間把你的gith補上,麼麼哒)利用echarts-gl而制作的3d地球,模拟的是網絡攻擊的資料,但我發現依然使用的是飛行航線的資料,是以這個資料究竟能否反應網絡攻擊有待證明。
           

6.earth

所用架構:echarts-gl
說明:基于echarts3D-globe重寫了一個适合自己需要的精簡的地球
           

7.earth-x

所用架構:echarts-x
說明:基于3dmap重寫了一個适合自身需要的最終地球。
           

繼續閱讀