Leaflet是一款優秀的開源JavaScript庫，用于在Web上創建交互式地圖。Vue.js是目前非常流行并廣泛使用的漸進式JavaScript框架，用于構建Web用戶界面。使用Leaflet和Vue.js技術組合開發交互式地圖，是Web開發中非常常見的需求。

在Vue.js中，將Leaflet集成到代碼中的方法很簡單。首先，需要通過npm安裝`leaflet`和`vue2-leaflet`：

$ npm install leaflet
$ npm install vue2-leaflet

接下來，在Vue.js的組件中導入并使用它們：

import { LMap, LTileLayer, LMarker } from 'vue2-leaflet'
import L from 'leaflet'
export default {
components: {
LMap,
LTileLayer,
LMarker
},
data () {
return {
zoom: 8,
center: L.latLng(47.4132, -1.2195),
markers: [
{
position: L.latLng(47.4132, -1.2195),
icon: L.icon({
iconUrl: 'marker.png',
iconSize: [38, 38]
})
}
]
}
}
}

上述代碼中，我們導入了`LMap`、`LTileLayer`和`LMarker`組件，同時也導入了Leaflet的核心庫`L`。然后，在組件的data選項中，定義了地圖的初始縮放級別、中心點和標記點的位置、圖標等信息。

現在，快來試一下吧！