iT邦幫忙

鐵人檔案

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

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

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

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

《你的地圖會說話? WebGIS與JavaScript的情感交織》寫在開頭

初衷 從踏入IT產業後,從菜逼八Junior工程師,到現在有微薄兩年多的資歷。 IT邦幫忙幾乎是我每天都會造訪的網站,每每在上面看到許多前輩大神們一些很厲害的文...

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

[1-1] 該選哪種地圖API?小孩子才做選擇。

GIS是什麼? GIS全名為Geographic Information System,地理資訊系統。 顧名思義,可以想像成資料庫中除了一般的屬性資料外,還額外...

2020-09-17 ‧ 由 PerryLiao 分享
DAY 3

[1-2] 地圖的工廠 - 以 簡單工廠模式 Simple Factory Design Pattern 產出地圖

本篇文章請搭配 [1-1] 該選哪種地圖API?小孩子才做選擇。 還沒看過的人,傳送門: https://ithelp.ithome.com.tw/articl...

2020-09-18 ‧ 由 PerryLiao 分享
DAY 4

[2-1] 點資料圖徵 X 瀏覽器定位 X 地址定位

網格與向量 在GIS中的資料呈現模式分為網格模式與向量模式兩種。 網格模式可以想像成地圖是用一個一個正方形的格子所組成, 網格越小,解析度也就越高,適用於對資...

2020-09-19 ‧ 由 PerryLiao 分享
DAY 5

[2-2] JS 的 Function X Arguments 與 ES6寫法介紹

本篇文章請搭配 [2-1] 點資料圖徵 X 瀏覽器定位 X 地址定位 還記得昨天我們用TGOS服務作地址定位嗎? 如果今天研究一個從來沒用過的API,除了看A...

2020-09-20 ‧ 由 PerryLiao 分享
DAY 6

[3-1] 打造你的美食地圖!用Here Maps API 秀出Google API餐廳資訊

CORS 一波三折 這篇開始之前,一波三折。我一直在想秀出展點資料,資料來源從何而來? 如果自己建置資料庫、寫Query,再自己建API,過程可能有點繁瑣, 而...

2020-09-21 ‧ 由 PerryLiao 分享
DAY 7

[3-2] Scope Chain & IIFE 問題與解法 - 以Here Maps API展點為例

本篇文章請搭配 [3-1] 打造你的美食地圖!用Here Maps API 秀出Google API餐廳資訊 什麼是Scope Chain? 講到Scope...

2020-09-22 ‧ 由 PerryLiao 分享
DAY 8

[4-1] 線、面資料圖徵 - 以行政區定位及導航為例

線、面資料圖徵 繼之前介紹向量模式的點資料圖徵後,今天要來介紹線資料圖徵及面資料圖徵。線及面資料圖徵其實都是一群點所組成,並且有方向性,唯一的差別在於面資料的頭...

2020-09-23 ‧ 由 PerryLiao 分享
DAY 9

[4-2] prototype chain 原型鏈、建構子與繼承 - 以Here Maps API為例

本篇文章請搭配 [4-1] 線、面資料圖徵 - 以行政區定位及導航為例 今天要來寫很頭痛的程式,準備好了嗎?跟著我~深呼吸~ 吸氣~吐氣~ 吸氣~吐氣~ Le...

2020-09-24 ‧ 由 PerryLiao 分享
DAY 10

[番外篇] MSSQL Spatial 地理空間資訊查詢

今天邁入鐵人賽第十篇啦!(撒花~ 接著還有二十篇要與大家繼續努力! 寫了那麼多JavaScript想必大家也有點倦了, 今天就來講WebGIS不可或缺的SQL好...

2020-09-25 ‧ 由 PerryLiao 分享