OSM + Leaflet 學習筆記 1：建地圖、marker、事件、換圖層
本篇要解決的問題 之前有寫過一系列的 Google Maps API 學習筆記。Google Maps 好用，但過了一定的額度會收費，當時就有人留言問說免費地圖的事，有留上了心。 原本是直接找 OpenStreetMap 的 API，後來看到文件上回來的都是用 XML，實在是懶得處理轉 JSON 這段。之後幸運地找到一個可以接 OpenStreetMap 的 Leaflet，一個用 JavaScript 接 API 的開源碼，就翻了一下文件，整理成這篇。 本篇會示範的功能如下： 使用者請求地點，建立地圖 放置 + 客製 marker Popup Tooltip Map click on occasion 外部 zoom in、zoom out 改變地圖樣式 本篇主要參考文件：Leaflet Quick Start Guide 後續各段會用到的參考文件，將寫在各段之中。 本篇最後會完成的 Demo： https://letswritetw.github.io/letswrite-leaflet-osm-basic/ 請求地點，建立地圖 跟 Google Maps API 一樣，Leaflet 在建立地圖時需要一個中心點。 跟使用者請求所在位置座的座標，需要使用者同意，因此也要先預設一個當使用者拒絕時，或是所擁有的裝置不支援提供所在座標時的地點。 […]