iT邦幫忙

2018 iT 邦幫忙鐵人賽
DAY 28
0
Modern Web

30天打造我的WebGIS系列 第 28

[Day 28] WebGL與3D GIS概觀

3D GIS

WebGIS已經逐步走向3D GIS時代,雖然說3D GIS已經發展很多年了,也有Google Earth這樣的產品,不過真的3D GIS在這幾年才比較有大進展,突破原因除了資料獲取的技術提升以外,主要還是跟Web技術息息相關,其中WebGL佔了重要角色。

3D GIS雖然過去有Google Earth這種霸王級產品,但是其應用有限,而要說這幾年3D GIS發展及前進的速度可說是過去的好幾倍,這與WebGL發展有關,目前3D GIS仍是百家爭鳴階段,連互操作相關議題才剛有幾家大型龍頭爭奪完畢好讓自己的格式成為OGC標準(ESRI I3S勝出),姑且不論很早起就已ready for use的3D空間分析演算法(與2D差異甚多),3D GIS在格式、資料方面都與2D截然不同,所以,既然如此,今天就不討論那些,來瀏覽看看一些WebGL for 3D GIS的範例。

OSM Buildong

OSM building是透過Open Street Map(OSM)上建物的資訊,Render出來的3D地圖展示,主要是根據建築物的footprint與該物件的屬性,包含了樓高、材質、屋頂等等。

Building height: Mapbox-GL

Mapbox-GL也有3D建物的功能,也是利用樓高的方式進行render,看起來效果很好。

地形

前面兩者的案例是利用平面的街廓線,配合屬性資訊產生3D建物的效果(或是說2.5D),在3D GIS中,地形也是很重要的元素,例如heightmapGIScene.js就是利用SRTM 30米空間解析度全球地形資料庫做的3D地形展示(SRTM全稱是Shuttle Radar Topography Mission,是NASA JPL發展多年的計畫),將SRTM從2D Raster利用WebGL(three.js的)做3D的呈現。

3D mesh場景

為了呈現更多細節,目前的3D 的WebGIS以走向3D mesh方向發展,透過電腦視覺及攝影測量技術重建3D場景模型,這些模型是以三角網方式組成,可以呈現非常完整的細節(包含形狀及紋理等),也因為要呈現細節,所以在瀏覽器效能及API串流的技術上就顯得格外重要,相關案例如ESRI 3D mesh scene layer


上一篇
[Day 27] WebGIS 加入D3.js圖表互動
下一篇
[Day 29] WebGIS大觀園
系列文
30天打造我的WebGIS30

尚未有邦友留言

立即登入留言