Vue 2 Leaflet 是基于 Vue.js 和 Leaflet 的地圖庫的集成。這個集成提供了一種簡單的方式來創建交互式地圖，這些地圖可以響應用戶的操作，同時兼容大多數現代瀏覽器和移動設備。Vue 2 Leaflet 可以讓開發者輕松地添加地圖到其項目中，而無需擔心瀏覽器兼容性和性能問題。

Vue 2 Leaflet 提供了一組自定義組件，包括地圖（Map）、標記（Marker）、彈出式窗口（Popup）、大小等比例圖層組件（ImageOverlayScale）、多邊形（Polygon）、折線（Polyline）和圓形（Circle），有了這些組件，可以輕松地進行地圖操作。

Hello World!

這是 Vue 2 Leaflet 創建地圖的基本代碼，一個基本的地圖只需要一個 `l-map` 組件。在這里，我們設置了地圖的初始縮放值為 10，以及其初始中心點的經緯度坐標。一個簡單的標記在這個地圖上也是很容易添加的，只需要使用 `l-marker` 組件，并設置其初始的經緯度坐標即可。

更有趣的是，在 Leaflet 中，可以為每個標記添加一個彈出式窗口。當鼠標指向該標記時，可以顯示一個信息框。為了添加彈出式窗口，在標記的內部添加 `l-popup` 組件即可。

Vue 2 Leaflet 還提供了一些其他的自定義組件，如大小等比例圖層組件。它允許用戶根據當前地圖視圖的大小來自適應該圖層的尺寸。

這是用于大小等比例圖層組件的代碼示例。在此示例中，我們使用 `l-reactive-image-overlay` 組件來創建一個大小為 2:1 的圖層組件，并將其設置為適應當前地圖的大小。這樣做時，圖層的大小將根據地圖的大小進行自適應設置。

總而言之，Vue 2 Leaflet 可以輕松地幫助開發人員添加地圖到他們的應用程序中，在設計交互式地圖方面提供了很多功能。此外，Vue 2 Leaflet 還提供了一組自定義組件，使用戶可以輕松地定制地圖功能。