鐵人賽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)。