iT邦幫忙

鐵人檔案

第 12 屆 iT 邦幫忙鐵人賽
回列表
Modern Web

《你的地圖會說話? WebGIS與JavaScript的情感交織》 系列

由WebGIS起始,介紹地圖API實作,並帶入JavaScript的觀念及技巧,由淺入深。

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

request的方式? ajax & fetch & axios

大家今天補班辛苦啦! 之後準備要來介紹環域查詢,查詢範圍內資料庫中各類資料。 話說,前端如何request呼叫API拿到後端及資料庫的資料呢? 相信大家都常常使...

2020-09-26 ‧ 由 PerryLiao 分享
DAY 12

[5-1] 環域與繪圖工具 - 以Leaflet Draw實現

今天要來跟大家介紹環域查詢的前置作業。 使用者在圖台網站上想要查詢一塊區域內的資料,首先, 要先決定查詢的範圍可能是圓、長方形、不規則多邊形等等, 有兩種方式。...

2020-09-27 ‧ 由 PerryLiao 分享
DAY 13

[5-2] Callback & Promise - 解決request非同步的四種解法

本篇文章請搭配 [5-1] 環域與繪圖工具 - 以Leaflet Draw實現 延續昨天講的繪圖工具,當繪圖完成後會觸發回調函式, 因此我們繪圖完後續要做的動...

2020-09-28 ‧ 由 PerryLiao 分享
DAY 14

[5-3] 點線面的接口 - 以配接器模式 Adapter Design Pattern 重構

本篇文章請搭配 [5-1] 環域與繪圖工具 - 以Leaflet Draw實現 [5-2] Callback & Promise - 解決request...

2020-09-29 ‧ 由 PerryLiao 分享
DAY 15

[5-4] 環域查詢 - 完結篇

本篇文章請搭配 [5-1] 環域與繪圖工具 - 以Leaflet Draw實現 [5-2] Callback & Promise - 解決request...

2020-09-30 ‧ 由 PerryLiao 分享
DAY 16

[6-1] 圖層套疊 - WMS & WMTS

之前介紹了一輪的點線面圖徵、展點及環域等等的向量資料後, 今天終於要來介紹網格資料啦! 今天要來介紹的有WMS以及WMTS, 是WebGIS常用於底圖、圖層套疊...

2020-10-01 ‧ 由 PerryLiao 分享
DAY 17

[6-2] KML & GeoJSON - 以Leaflet KML layer plugin實現

今天要來繼續介紹WebGIS常用的資料格式。KML及GeoJSON。 KML及GeoJSON都是地理空間資料交換格式的一種, KML為xml格式資料,GeoJS...

2020-10-02 ‧ 由 PerryLiao 分享
DAY 18

[7-1] 3D地圖初探 - ArcGIS API for JavaScript

原本這篇預定要介紹ArcGIS API for JavaScript, 但是想想如果繼續介紹點、線、面、圖層套疊等等, 只是換個圖台API,換個寫法,未免無趣。...

2020-10-03 ‧ 由 PerryLiao 分享
DAY 19

[7-2] 實現AMD的require.js 與 ES6 Import/Export 大比拚

本篇文章請搭配 [7-1] 3D地圖初探 - ArcGIS API for JavaScript 昨天介紹ArcGIS API時,講到dojo框架,並且用re...

2020-10-04 ‧ 由 PerryLiao 分享
DAY 20

[番外篇] 從npm安裝到活用Webpack Babel - 十分鐘就上手

不知不覺鐵人賽來到了Day20了! 講了很多ES6的語法,從let、const到樣板語法, 箭頭函式、擴展運算子到Import/Export, 有太多太好用的寫...

2020-10-05 ‧ 由 PerryLiao 分享