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衛星地圖效果：

混合效果：