Vue AMap Marker 是一個基于 Vue.js 和高德地圖 API 的標(biāo)記組件。它提供了靈活的配置選項和豐富的 API，使得在高德地圖上添加標(biāo)記變得非常容易。

使用 Vue AMap Marker，可以輕松地添加各種類型的標(biāo)記，包括點標(biāo)記、文本標(biāo)記、圖標(biāo)標(biāo)記和自定義標(biāo)記。你可以設(shè)置標(biāo)記的位置、文本、圖標(biāo)、偏移量、拖動等屬性，還可以自定義標(biāo)記的樣式和行為。

下面是一個簡單的例子，演示了如何在高德地圖上添加一個標(biāo)記：

<template>
<div id="map-container">
<vue-amap :plugin="amapPluginConfig">
<vue-amap-marker :position="markerPosition"></vue-amap-marker>
</vue-amap>
</div>
</template>
<script>
import VueAMap from 'vue-amap';
import VueAMapMarker from 'vue-amap-marker';
export default {
data() {
return {
amapPluginConfig: {
key: 'your-amap-key',
plugin: ['AMap.Geolocation', 'AMap.Marker']
},
markerPosition: [116.397428, 39.90923] // 北京市中心坐標(biāo)
}
},
components: {
VueAMap,
VueAMapMarker
}
}
</script>

在上面的代碼中，我們首先引入了 VueAMap 和 VueAMapMarker 組件，然后在模板中使用 VueAMap 組件來加載地圖。VueAMap 組件接收一個名為 plugin 的 prop，用于配置高德地圖插件。在本例中，我們加載了定位插件和標(biāo)記插件。最后，我們使用 VueAMapMarker 組件來添加一個標(biāo)記到地圖上，傳入 position prop 來設(shè)置標(biāo)記的坐標(biāo)。運行這個例子，你將在地圖上看到一個標(biāo)記點。

總之，Vue AMap Marker 是一個功能強大、易于使用的標(biāo)記組件，可以幫助你輕松地在高德地圖上添加各種類型的標(biāo)記。如果你需要在自己的 Vue.js 項目中使用標(biāo)記功能，Vue AMap Marker 是一個不錯的選擇。