open:mol:emap

這是本文件的舊版!


勞動部勞發署 產業人才投資方案 ~ 委辦職訓課程規劃草案

電子地圖 Google Maps 及 OpenStreetMap 應用程式開發實務班



 1. 產業人力需求調查:

  • 政府所掌管的資料諸如:民政、地政、林務、水利、交通、氣象、空污等,經常需要透過 GIS 地理資訊系統來管理,並整合電子地圖以視覺方式來呈現。民間企業同樣也有許多GIS及電子地圖的應用,例如:區域銷售分析、連鎖店展店分析等等。
  • 依據經濟部工業局2020-2022資料服務產業專業人才需求推估調查、及經濟部產業人才發展資訊網 https://www.italent.org.tw/ePaperD/13/ePaper20200300008 當中的資料服務產業專業人才質性分析表中可以發現:資料分析師與資料工程師在招募情形上屬於「難」招募的狀況。因此,積極培訓這方面的人才,確實有其需要性及急迫性。


 2. 區域人力需求調查:

  • 2021-2023資料服務產業專業人才需求推估調查摘要 https://www.italent.org.tw/ePaperD/10/ePaper20210400006 當中論及資料服務產業的三大發展趨勢,包括:資料服務商機將因產業資料普及化而更為蓬勃發展、以場域為基礎的情境式服務應用為下世代潮流、資料共享生態圈是持續壯大與發揮資料價值之重要方法。
  • 人力需求領域主要以資料(Data)為核心,透過各種科技工具之規劃與應用,將資料附加價值最大化,以提供各種產品與服務,包括資料提供、資料處理、資料分析/應用、商業策略/顧問諮詢與完整解決方案服務(系統整合)等各類服務業者。


 3. 訓練需求概述:

  • 當行動通信與智慧型手機填滿在我們生活中的每一天後,電子地圖應用也如影隨行跟著我們。舉凡 Google/Apple 行車導航、相簿地圖、跑步/騎單車運動虛擬教練、Uber叫車/Line計程車、美食外送、YouBike查詢、以及公車路線圖等,都是我們日常所使用的手機 App。
  • 再舉一個官民合作的成功案例~「口罩地圖」,這是由政府提供 Open Data,而由民間來開發「線上地圖應用服務」程式。在疫情初期的緊張時刻,及時解決了口罩流通性的問題。
  • 電子地圖應用開發套件,同樣是發展成熟、功能齊備、百家爭鳴。無論是企業或是政府機關,只要論及智慧城市、智慧交通、智慧物流、行動生活、物聯網等主題應用,電子地圖必定是這些資訊系統中最基本的組成要件。
  • 瞭解其實際人才需求應具備之專業技能所規劃之課程,聘請專業且具實務經驗之師資授課,規劃理論與實務兼具之授課內容、以密集訓練方式,加強培訓其專業知識,期使學員結業後,能在最短時間內應用於職場上。


 1. 單位核心能力介紹:

  • 在此波數位變革引領下,整體環境隨之驟變,影響學校發展之重大因素,如何營造符合大趨勢變革之教育環境;由各院所專業發展掌握大數據、智慧家居、物聯網、智慧化、移動化、雲端運算及互動技術等外界環境變化,使教與學能與產業需求有更緊密結合,達到養成具國際觀之高競爭力人才之目標。


 2. 知識:

  • 電子地圖網頁應用程式開發
  • MongoDB 非關聯式資料庫系統 開發應用
  • HTML5 動態網頁開發、JavaSript 模組套件應用、RWD 響應式網頁設計
  • SPA 單一頁面應用程式設計、AJAX API 設計


 3. 技能:

  • 使用 Node.js 在伺服器端運行 Web Server
  • 開發 JavaScript 程式,執行在 Web Client 前端及 Web Server 後端
  • OpenLayers 地圖應用程式開發套件:API 簡介、官方範例程式 操作練習、在地圖上繪製 Icon, Point, Line, Polygon、套疊 KML 外部圖層
  • 政府資料開放平臺 Open Data 資料格式 解析處理轉換
  • MongoDB Atlas 雲端資料庫系統應用、Compass 管理工具安裝設定、MongoDB 資料庫操作語法


 4. 學習成效:

  • 能使用 開放街圖 OpenStreetMap 及 OpenLayers 地圖應用程式開發套件 來開發相關地圖應用系統。例如:
    1. 將 Open Data 植入電子地圖中,如:測速執法設置點、新北市垃圾車所在位置、YouBike即時資訊、空氣品質指標(AQI)
    2. 將所追蹤的垃圾車軌跡座標存入 MongoDB
    3. 從 MongoDB 中篩選某一期間的 GPS 座標點,並在地圖上繪製成移動軌跡


  • 學歷:高中/職(含)以上
  • 資格條件:
    1. 具備電腦基本操作能力,且對電子地圖/程式設計/網頁技術/智慧交通/物聯網/App有興趣者。
    2. 對 HTML、CSS、JavaScipt 網頁程式設計具有基本概念。



總時數: :?: 小時


🔹 網頁地圖應用簡介

  • 各類電子地圖、開發工具及應用
  • 結構化 JSON 資料
  • 政府開放資料 Open Data / Open API

🔹 OpenStreetMap

  • OpenStreetMap 電子地圖簡介、地圖應用程式開發套件比較
  • HTML5 動態網頁開發、JavaSript 模組套件應用、RWD 響應式網頁設計
  • 使用 Node.js 在伺服器端運行 JavaScript:Node.js 安裝、簡介、範例程式練習
  • OpenLayers 地圖應用程式開發套件:API 簡介、官方範例程式 操作練習、在地圖上繪製 Icon, Point, Line, Polygon、套疊 KML 外部圖層
  • 政府資料開放平臺 Open Data 簡介、資料格式 JSON/XML/CSV 解析處理轉換。使用 Node.js 開發讀取 Open Data 的應用程式
  • 將 Open Data 植入電子地圖中,如:測速執法設置點、新北市垃圾車所在位置、YouBike即時資訊、空氣品質指標(AQI)
  • MongoDB 資料庫系統簡介、Atlas 雲端帳號建立、Compass 管理工具安裝設定、資料庫操作常用語法
  • 使用 Node.js 開發 MongoDB 應用程式:將所追蹤的垃圾車軌跡座標存入 MongoDB
  • SPA 單一頁面應用程式設計、AJAX API 設計 ~ 先選擇日期/時間範圍,再從 MongoDB 中篩選 GPS 座標點,並繪製在地圖上。
  • 系統整合暨專題製作: 電子地圖應用開發 分組實作、展示、討論



🔹 Google Maps

  • 載入地圖
  • 將地圖當地語系化
  • 新增標記、聚合線條和多邊形。
  • 在快顯或資訊視窗中顯示資訊
  • 載入和顯示 KML 和 GeoJSON 資料
  • 叢集標記
  • 覆蓋地圖底圖圖層
  • 顯示流量資料
  • 新增地面覆蓋
  • (道路地圖底圖| 衛星地圖底圖)
  • 標記 ✓
  • 標記群集 ✓
  • 聚合線條和多邊形 ✓
  • 資料圖層 ✓
  • 地面覆蓋 ✓
  • 熱度圖 ✓
  • 地圖底圖圖層 ✓
  • KML 圖層 ✓
  • 繪圖工具 ✓
  • Geocoder 服務 ✓
  • 路線服務 ✓
  • 距離矩陣服務 ✓
  • 海拔服務 ✓

如何申請Google Maps API金鑰?

  1. 進入Google Cloud Console網址
  2. 登入您的gmail帳號
  3. 新增/選取專案(API Project)
  4. 建立API憑證
  5. 限制憑證使用(避免被盜用)

如何啟用Google Maps API服務?

  1. 點選資訊主頁中的「啟用API和服務」
  2. 在「地圖」列表中點選「查看全部」
  3. 選擇您要啟用的服務「Map JavaScript API」

如何綁定信用卡帳戶? ※ 目前需強迫綁定信用卡帳戶才可以使用

  1. 從主選單中選取帳單
  2. 點選連結至帳單帳戶,建立帳單帳戶
  3. 填寫基本資料
  4. 點選預算與快訊,設定預算
  5. 設定預算名稱
  6. 依照自己的需求選定預算分配



  • open/mol/emap.1668059725.txt.gz
  • 上一次變更: 2022/11/10 13:55
  • wenchin