在Vue中使用Leaflet實(shí)現(xiàn)地圖操作，非常便捷。其中，Marker是一項(xiàng)基本功能。通過Vue組件，我們可以輕松地創(chuàng)建Marker對象，并在地圖上標(biāo)識(shí)出對應(yīng)的標(biāo)記點(diǎn)。

首先，我們需要安裝必要的依賴項(xiàng)。使用npm安裝leaflet和vue2-leaflet：

npm install --save leaflet vue2-leaflet

接著，在Vue組件中引入這些庫：

<template>
<l-map>
<l-marker :lat-lng="latLng"></l-marker>
</l-map>
</template>
<script>
import { LMap, LTileLayer, LMarker } from 'vue2-leaflet';
import 'leaflet/dist/leaflet.css';
export default {
components: {
LMap,
LTileLayer,
LMarker,
},
data() {
return {
latLng: [51.505, -0.09],
};
},
};
</script>

在上面的代碼中，我們創(chuàng)建了一個(gè)Vue組件，包含了一個(gè)LMap、LTileLayer和LMarker子組件。其中，LMap表示整個(gè)Leaflet地圖，LTileLayer表示地圖上的底圖，LMarker則表示標(biāo)記點(diǎn)。我們使用latLng屬性指定標(biāo)記點(diǎn)在地圖上的位置。

最后，我們需要在組件的樣式文件中引入leaflet.css：

<style>
@import url('~leaflet/dist/leaflet.css');
</style>

經(jīng)過這些簡單的設(shè)置，我們就可以在Vue組件中使用Marker功能實(shí)現(xiàn)地圖標(biāo)記點(diǎn)了。