技術 [Day 24] 在WebGIS加入Mapillary街景

前言 Mapillary是一個透過眾包建立的街景服務，其目標是建立一個群眾外包的平台分享具空間坐標的照片影片，2013年建立以來，這個平台於2016年11月15...

技術 [Day 23] 在WebGIS中加入Google街景

前言 今天要在地圖中加入另一個元素：街景。到目前為止介紹的WebGIS應用都是2D的，加入街景環景影像雖然不是3D，但還是比較有身歷其境的感覺，今天我們使用的服...

技術 [Day 21] 在WebGIS加入風場圖

前言 前幾天研究了內插、TIN、 Voronoi Diagram、Contours(等高線)、Heatmaps(熱區圖)與Clustering(群聚圖)，這些都...

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

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

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

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

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

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

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

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

技術 [Day 14] WebGIS中的網格資料

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

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

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

技術 (Day21)專案實作-使用leaflet 套件繪製互動式地圖網頁

Leaflet 是一套適用於各種平台的 JavaScript 地圖繪製工具，可以呈現類似 Google 地圖的效果。結果可適用於電腦與行動裝置等跨平台使用，使用...