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

本系列文章已出版實體書籍：「你的地圖會說話？WebGIS 與 JavaScript 的情感交織」（博碩文化）WebGIS啟蒙首選✖五家地圖API✖近百個程式範...

技術 《你的地圖會說話？ WebGIS與JavaScript的情感交織》結束，才是真正的開始。

本系列文章已出版實體書籍：「你的地圖會說話？WebGIS 與 JavaScript 的情感交織」（博碩文化）WebGIS啟蒙首選✖五家地圖API✖近百個程式範...

技術 Day 09. WebGIS基本 #3：圖面量測小工具

前言 WebGIS基本功能系列來到第三天了，今天沒有什麼遠大的目標，就是把圖面量測小工具搞定而已！ 圖面量測小工具 Openlayers的圖面量測官網範例基本上...

技術 Day 27. 今天不寫程式改來學知識 #5：前端RWD與圖表套件

前言 今天來討論前端RWD的套件、表格的套件、圖表的套件分別有哪些好用的、可以當作參考。目前js相關的前端套件非常多，使用者可以依據自己的需求進行選擇，有些為擴...

技術 Day 12. WebGIS加載自行發布之wms服務、圖層開關與定位

銜接昨天的圖層清單功能，今天略過前言，直接進入主題 今天的大綱 圖層資料庫建立 (Day 11) 1-1. 建立Database Schema (Day 1...

技術 Day 14. 定位查詢功能建置、OpenData API介接

前言 昨天我們學會了坐標系統的相關知識，並利用proj4進行坐標轉換，而今天我們就要把坐標轉換這個用於定位功能開發上。 我們的圖台底圖是介接OpenStreet...

技術 Day 08. WebGIS基本 #2：地圖小工具統整、圖層探查

前言 昨天已經寫完了地圖小工具的所有功能function，今天就要要把這些funtion塞到介面上給使用者自由操作自由開關。另外再開發一個小功能，可以有一個框框...

技術 Day 01. 寫文章比寫程式難 (前言)

為什麼要寫這個題目 參加30天鐵人是為了要讓自己有壓力撰寫和系統性地統整技術文章，並加強自己的撰寫敘述技巧思考了很久要寫什麼題目，想來想去還是先從自己較為熟悉的...

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

本系列文章已出版實體書籍：「你的地圖會說話？WebGIS 與 JavaScript 的情感交織」（博碩文化）WebGIS啟蒙首選✖五家地圖API✖近百個程式範...

技術 Day 29. WebGIS地圖列印

前言 最後一天的系統開發學習我們來說明如何輸出地圖資料，可以輸出為PNG、JPEG與PDF的格式。 地圖列印功能建置 新增 AdvanceTool/Export...

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

本系列文章已出版實體書籍：「你的地圖會說話？WebGIS 與 JavaScript 的情感交織」（博碩文化）WebGIS啟蒙首選✖五家地圖API✖近百個程式範...

技術 Day 28. 全台GPS三維形變時序資料查詢

前言 今天我們要學習如何 展示全台GPS三維形變的時序性資料 ，這個功能是把這28天以前學到的東西做一個統整，把整個流程串起來，跟以往比較不一樣的是這次的資料來...

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

本系列文章已出版實體書籍：「你的地圖會說話？WebGIS 與 JavaScript 的情感交織」（博碩文化）WebGIS啟蒙首選✖五家地圖API✖近百個程式範...

技術 Day 30. 以WebGIS為主題的鐵人賽30天完賽心得

前言 終於到了最後一篇，話不多說，今天主要有3大主題： 首先先來回顧30天的文章內容 再來分享一些我原本想加進文章但沒時間加進去的內容 最後就是完賽心得拉！...

技術 Day 17. WebGIS 的 Popup 點選圖面屬性顯示

前言 昨天我們完成了全台即時水位與水位站基本資料介接的功能，從圖面上可以一目了然看出哪些地方的水位站有超過警戒值、哪些沒有，但由於圖面上沒有顯示測站的名稱 (若...

技術 Day 24. 如何在地圖上畫Pokemon #1：繪圖工具的建立

前言 結束了API和權限的部分，今天要回歸WebGIS繪圖功能的部分，讓大家都可以在地圖上畫一隻或更多隻的Pokemon。 還記得以前有大學生研究生來參訪，...

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

本系列文章已出版實體書籍：「你的地圖會說話？WebGIS 與 JavaScript 的情感交織」（博碩文化）WebGIS啟蒙首選✖五家地圖API✖近百個程式範...

技術 Day 26. 如何在地圖上畫Pokemon #3：還原使用者儲存之繪圖

昨天完成了儲存繪圖圖形，今天就是要將那些儲存的圖形列表撈出來，並讓使用者套疊和管理。 今天的大綱 撈出儲存列表之API建立 還原使用者儲存之繪圖小工具 前端建...

技術 Day 25. 如何在地圖上畫Pokemon #2：儲存繪圖API建立

接續昨天的繪圖，今天要將繪製的圖形存到使用者的個人繪圖當中。 今日的大綱 儲存頁面建立 資料庫建立 儲存繪圖API建立 前端圖形feature拆解 前端介接儲...