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

时间:2022-03-25 03:27:13

好久没写博客了,最近在工作之余用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效果:

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

OpenStreetMap效果:

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

Nokia效果:

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

Bing效果:

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

天地图效果:

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

soso卫星地图效果:

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

混合效果:

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