第九屆 佳作

web
30天打造我的WebGIS
Chimin

系列文章

DAY 11

[Day 11] WebGIS中的向量圖層-除了點資料以外的幾何

在Day4、Day5及Day8、Day9談的資料都是點資料,一般使用者最熟悉也最需要的資料也是點,例如各式各樣的POI資料.. 事實上在二維向量GIS資料中還有...

DAY 12

[Day 12] WebGIS中的向量資料-一些特殊的Polygon

前一天講了向量圖層中的線跟面,今天來看一些特殊的幾何資料,雖然少見但還是遇得到,也藉此機會多認識一下Polygon。 Polygon with hole(Pol...

DAY 13

[Day 13] WebGIS中的向量資料-在Leaflet實作

前言 在[Day1]webGIS-資訊時代的地理大發現的引言中提到webgis的前端實踐可以透過幾個地圖API,本次鐵人賽將都以leaflet做說明。 Leaf...

DAY 14

[Day 14] WebGIS中的網格資料

前言 網格(raster)資料是指以規則網格的方式呈現空間資料,可能是長這樣: 上面是試圖以geojson模擬網格資料,網格間隔大概是一英里(1.6km),並且...

DAY 15

[Day 15] wms,wmts資源彙整與OSM

前言 走過了15天,總算把webGIS該有的基本元素帶過了一遍,在webGIS中,最需要的就是資料,通常除了開發主題的核心資料以外,也常會需要介接其他資源,進行...

DAY 16

[Day 16] Leaflet.js: 設置基本地圖元件

前言 今天開始要逐步建立一個webGIS,練習一下使用Leaflet等API,在開始之前,先設定這個系統的目標功能: 切換底圖 定位 量測 資料查詢 街景 空...

DAY 17

[Day 17] Leaflet.js: 加入資料及資料互動

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

DAY 18

[Day 18] Turf.js:空間資料運算及分析

前言 今天要介紹turf.js,前兩天的網球地圖完成了基本的地圖功能及版面,並在地圖上展示、查詢了GIS資料,今天想進一步對資料做空間資料分析,使用的是turf...

DAY 19

[Day 19] 使用Turf.js進行空間資料內插

前言 今天的主題是空間資料內插(interpolation),內插是GIS很重要的課題,因為我們拿到的資料(例如觀測站資料)很常是point,內插可以幫助我們把...

DAY 20

[Day 20] WebGIS中的Contours、Heatmaps與Clustering資料呈現

前言 今天延續昨天內插的議題,準備研究一下WebGIS中的Contours(等高線)、Heatmaps(熱區圖)與Clustering(群聚圖)等方法,用來增進...