WebGL自学课程(15):WebGL在WebGIS上的应用——WebGlobe

好久没写博客了，最近在工作之余用WebGL做了个WebGlobe，类似于Google Earth之类的东西，当然肯定没人家那个强大了。没有使用任何的WebGL图形库，自己把WebGL绘图命令封装成了一个轻量级的渲染引擎，想通过自己去亲自编码实现洞察Google Earth这种东西是怎么做出来的。整个Demo就一个文件，一共40kb，纯js实现，没有使用任何的第三方图形库或第三方js库。可以加载Google、OpenStreetMap、Nokia、Bing、ArcGIS Server发布的切片地图服务、天地图、Soso地图的切片地图服务，也可以加载混合的地图服务，根据当前位置自动更新切片，支持缩放渲染等交互式操作，实现了Google Earth最基本的功能（当然效果肯定没人家的好），当然现在还有诸多bug，需要慢慢修改，浏览器要求支持WebGL，比如Chrome或Firefox、猎豹等浏览器，欢迎大家留言拍砖吐槽。

大家也可以通过一下的地址访问Demo：http://121.199.12.49:8080/WebGlobe/Demo.html

之前跟HiWebGL的站长商量了一下，想把Demo放到上面去，站长很爽快的答应了，地址如下：http://hiwebgl.com/iSpring/WebGlobe/Demo.html

关于WebGlobe的理论基础可参见本人的另一篇文章《WebGL自学课程(15):WebGlobe实现的基本算法原理》

Google效果：

OpenStreetMap效果：

Nokia效果：

Bing效果：

天地图效果：

soso卫星地图效果：

混合效果：