簡單介紹

OpenStreetMap

OpenStreetMap 是一個開放的地圖服務。任何人都能使用、修改、增進 OpenStreetMap 的資料。
你可以想成是「地圖版的維基百科」。

OpenLayers

OpenLayers 是一個開源的 JavaScript 函式庫，旨在顯示地圖資訊。它支援許多地圖服務，例如本網站的主角 OpenStreetMap。

筆者是因為發現開發不需要註冊 API、也不用付費而用的。不過也會有因為其他原因而用的人吧。

• 開放自由？
• 尋找不用 Google Maps 的替代方案？
• 你住的地方沒有詳細的地圖資訊？
• 想要客製化的資料？

你可以從以下連結找靈感：

• OpenLayers vs Google Maps?
• Why the world needs OpenStreetMap

• 懂 HTML：知道 ID 值是什麼、看了原始碼能知道各元件的相對順序、以及如何引用 JavaScript 檔案。
• 懂 CSS：知道如何指定某個元件、並懂得調整該元件的長寬。
• 懂 JavaScript：知道如何宣告變數、對 JSON 與 JavaScript 物件有淺顯的理解。

• 有了 MDN 文中要求的開發軟體。
• 有用過 OSM。但你不需要：
  • 註冊會員，除非你想更新地圖資訊。
  • 申請 API 金鑰：OSM 與 OpenLayers 都不需要。