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

ゝ一纸荒年。 2022-06-06 10:21 620阅读 0赞

> 我的博客：[http://gongyanli.com/echarts-echarts-x-echarts-gl-%E5%88%B6%E4%BD%9C3D%E5%9C%B0%E7%90%83/][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][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重写了一个适合自身需要的最终地球。

[http_gongyanli.com_echarts-echarts-x-echarts-gl-_E5_88_B6_E4_BD_9C3D_E5_9C_B0_E7_90_83]: http://gongyanli.com/echarts-echarts-x-echarts-gl-%E5%88%B6%E4%BD%9C3D%E5%9C%B0%E7%90%83/
[https_github.com_Gladysgong_3D_earth_all]: https://github.com/Gladysgong/3D_earth_all