鐵人賽Day 20- WebGIS中的Contours、Heatmaps與Clustering資料呈現

web

前言

今天延續昨天內插的議題,準備研究一下webGIS中的Contours(等高線)、Heatmaps(熱區圖)與Clustering(群聚圖)等方法,用來增進原本只是點資料的資訊呈現方式。

等高線(或等值線)

要算等高線(contours)或等值線我們可以使用turf.js的isobands,要產製一個等值線圖的流程是:1.離散的資料 2.內插(turf.js要使用規則的points) 3.使用isobands。

所以,延續昨天的IDW內插,我們內插一組gridType為points的資料後,想進一步將等值的範圍做整合,這個過程可以採用computer vision中的Marching squares

這個方法主要需設定的東西是breaks,也就是要分值的斷點,例如0, 5, 10, 15, 20, 25, 30)。

鐵人賽Day 17- Leaflet.js:加入資料及資料互動

web

昨天我們建立了一個初步的地圖,webGIS中,除了基本工具的建立,加入主題性POI資料是主要功能,除了加入地圖以外,也必須有瀏覽POI列表及瀏覽詳細資料的操作功能。

今天就繼續昨天的成果,使用Leaflet實作前述事件及資料綁定的工作,資料部分,就以我們團隊成員建立的網球場資料(僅放部分)作為webGIS POI瀏覽範例吧。

鐵人賽Day 14- webgis中的網格資料

web

前言

網格(raster)資料是指以規則網格的方式呈現空間資料,可能是長這樣

上面是試圖以geojson模擬網格資料,網格間隔大概是一英里(1.6km),並且有一個solRad屬性,像這樣用geojson這種向量格式表達網格看起來沒有什麼問題,但是…

假設今天網格的間隔更密一些範圍在大一些,其資料量可能會很可觀,這時候無論在計算或是前端展示上,GIS傾向會使用影像方式儲存。

再者,上述案例在網格式資料是單一波段的資料(也就是只有solRad這個屬性),網格資料大多都是三個波段的資料(例如正射影像、衛星影像),相關討論我們在[Day 6] 常見的GIS資料格式有探討過。

在webGIS中,我們可能比較少直接處理網格資料,通常都是使用它,今天我們試著使用Leaflet的raster圖層功能。

鐵人賽Day 10-坐標系統及webgis常用的坐標轉換

web

坐標系統是GIS、大地測量及製圖的核心,而坐標轉換則是開發webGIS最常會遇到的課題。

本文是參加鐵人賽的文章,同步發表於 “2018鐵人賽-30天打造我的WebGIS系列”

坐標系統

大地坐標系統: 地球是近似橢球

由於地球是近似橢球,會有很多模式來描述這個橢球,以及球上面的點位坐標,描述這個橢球及球上位置的系統稱作大地坐標系統,需要定義的東西很多,包含幾何面的橢球參數、其他物理面及觀測資料的整合推估,GPS使用的WGS84經緯度屬此類,簡單來說,大地坐標系統是想描述橢球及球上面的位置。

Map projection: 一切都是投影

為了製造地圖,人們必須把近似橢球狀的地球投影到平面上,這個坐標系統稱作投影坐標系統,只要是地圖,一定會採用投影系統。
投影的方式有很多,麥卡托、藍柏特投影等等…,而從Map Projection Transitions網站的各種投影機制的模擬圖可以看得出來,投影一定會有失真的情況,所以才會常常有以下新聞出現:

400年來世界地圖都失真 各國大小差很多
格陵蘭島到底有多大,在地圖上一直是個謎