接触WebGL也有五六年了，今天闲着没事，就整理了下过去写的有关地球数据可视化的案例，算是对WebGL的展示吧。
视频查看Web3D效果
在HTML4的时代，如果想在Web网页上实现这些效果，还是非常不容易的，不过在HTML5的时代，有了WebGL技术，实现这些效果自然变得非常容易，虽然现在的大部分的前端工程师并不要求掌握WebGL，不过了解一些Web3D技术，也算是一个职业技能亮点吧。
方案选择
直接使用原生WebGL，相对来说比较麻烦，一般实际开发，可以选择一款WebGL 3D引擎使用。
Three.js本身并不支持GIS相关API，使用Three.js实现地球相关可视化的时候，经纬度转球面坐标需要自己实现，每个国家的球面Mesh同样也是需要自己实现。
如果你专门做GIS领域，可以选择学习WebGL引擎cesium，如果你是一门前端工程师，并不打算进入GIS行业，只是做一个地球的Web3D可视化效果，没必要使用cesium，可以选择使用最广泛的Three.js的引擎。 地球Web3D可视化效果主要通过WebGL的3D引擎之一Three.js实现。
作为前端工程师，如果你想扩展下WebGL技术栈的话，也可以选择学习WebGL和Three.js。
Three.js引擎 github地址：github.com/mrdoob/thre…
