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

25 篇文章 8 订阅
25 篇文章 3 订阅

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


混合效果:


  • 0
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 22
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 22
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值