教學 - Leaflet - 用於互動式地圖的 JavaScript 函式庫

Leaflet 教學

這裡的每個教學都提供逐步程式碼說明，即使是 JavaScript 初學者也相當容易上手。

一個簡單的逐步指南，可讓您快速開始使用 Leaflet 的基礎知識，包括在您的頁面上設定 Leaflet 地圖（使用 OpenStreetMap 圖塊）、使用標記、折線和彈出視窗，以及處理事件。

在本教學中，您將學習如何建立針對 iPhone、iPad 或 Android 手機等行動裝置調整的全螢幕地圖，以及如何輕鬆偵測和使用目前的使用者位置。

在這個精美的教學中，您將學習如何輕鬆定義您放置在地圖上的標記所使用的自訂圖示。

基本 Leaflet 無障礙功能指南 - 讓您的地圖可供各種能力的人使用。

在本教學中，您將學習如何建立和與從 GeoJSON 物件建立的地圖向量互動。

一個案例研究，說明如何使用 GeoJSON 和一些自訂控制項建立美國各州人口密度的彩色互動式分區統計圖。新聞網站會喜歡這個。

關於如何管理圖層群組以及使用圖層切換控制項的教學。

深入了解縮放級別是什麼。

關於 L.CRS.Simple 的入門知識，說明如何建立沒有「緯度」或「經度」概念的地圖。

如何與專業 GIS 軟體的 WMS 和 TMS 服務整合。

預設地圖窗格如何運作以在圖塊頂部顯示疊加層，以及如何覆寫該設定。

Leaflet 可以協助您在地圖上的某處顯示影像、影片和 SVG 元素。

以下教學涵蓋如何為 Leaflet 建立外掛程式，並且僅適用於具有 JavaScript 經驗的開發人員

Leaflet 的類別、類別繼承和慣例概述。

如何使用特定進入點來擴充圖層或建立新的圖層。

如何擴充或建立非圖層項目。