因為剛接觸 Vue3 也對 Leaflet.js 有興趣，利用這 30 天學習如何將學過 Vue3 搭配 Leaflet.js 實作地圖，順便學習時也踩坑看看有哪些地方需要注意。

主題大綱

大概分成 3 個部分，主題如下

學習 Leaflet.js 官方課程

這部分會介紹官方提供的課程篩選有興趣的主題，大概有 10 天介紹課程中提到建立地圖時基本的設定。

大綱介紹 :

• Day2 Leaflet.js 介紹和起手式
• Day3 地圖標記和事件
• Day4 客制化圖標和 GeoJSON 介紹
• Day5 GeoJSON 使用方式
• Day6 GeoJSON 互動式地圖
• Day7 GeoJSON 互動式地圖 Par2
• Day8 切換圖層和組合圖層資料
• Day9 地圖設定 scale、zoom 控制地圖和圖層建立時的優先層級
• Day10 地圖設定 ImageOverlay
• Day11 地圖上建立 video 圖層和 svg 圖層

官方文件 : https://leafletjs.com/

地圖小練習

根據前面學習到的知識寫個小範例，這部分的完整範例程式碼會留 GitHub 有興趣的人可以去看看。

Leaflet.js 套件

Leaflet.js 除了本身提供的功能可使用之外，還有其他開發者基於 Leaflet.js 開發的套件，這部份也是挑幾個套件介紹。

官方提供的套件 : https://leafletjs.com/plugins.html