iT邦幫忙

鐵人檔案

2018 iT 邦幫忙鐵人賽
回列表
Modern Web

30天打造我的WebGIS 系列

在現代的網頁應用中,地圖應用已經成為了不可或缺的元素,目前網路上有許多webGIS資源可以協助我們建構地圖應用,並且透過網頁前後端技術,有效地將「空間資訊」透過web與user互動。然而,儘管資源很多,能整合這些資源且能涵蓋背後相關技術的完整介紹並不容易查找,我們團隊希望藉由此次鐵人賽機會,整合應用面及技術面,運用開源軟體30天打造你的webGIS系統。

鐵人鍊成 | 共 30 篇文章 | 83 人訂閱 訂閱系列文 RSS系列文
DAY 11

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

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

2017-12-30 ‧ 由 Chimin 分享
DAY 12

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

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

2017-12-31 ‧ 由 Chimin 分享
DAY 13

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

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

2018-01-01 ‧ 由 Chimin 分享
DAY 14

[Day 14] WebGIS中的網格資料

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

2018-01-02 ‧ 由 Chimin 分享
DAY 15

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

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

2018-01-03 ‧ 由 Chimin 分享
DAY 16

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

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

2018-01-04 ‧ 由 Chimin 分享
DAY 17

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

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

2018-01-05 ‧ 由 Chimin 分享
DAY 18

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

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

2018-01-06 ‧ 由 Chimin 分享
DAY 19

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

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

2018-01-07 ‧ 由 Chimin 分享
DAY 20

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

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

2018-01-08 ‧ 由 Chimin 分享