Fork me on GitHub

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

本文首发于我的博客:gongyanli.com

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

csdn: http://blog.csdn.net/u012052168/article/details/78459872

前言:因为要做一个3D地球,之前也没怎么用过echarts,再加上就是个业余前端水平,所以折腾了好久,代码下载下来可以直接运行,具体情况看我每个里面怎么说的。小伙伴们可以自己先研究一下,等有时候我详细代码注释一下。

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重写了一个适合自身需要的最终地球。
支持,让我的文章更加优秀!