AMap點聚合是一個非常有用的工具，它可以將地圖上的大量標記點聚合成一個點，從而減少地圖上的標記數量和視覺雜亂，提供更好的用戶體驗。在Vue中嵌入AMap點聚合也是非常簡單的。本文將介紹如何在Vue中使用AMap點聚合插件。 首先，我們需要在Vue項目中安裝AMap點聚合插件。我們可以通過yarn或npm來安裝該插件。安裝過程如下：

npm install vue-amap --save
或
yarn add vue-amap

安裝完成后，我們需要在Vue實例中進行配置。我們需要在主Vue實例中導入AMap和AMapUI，并使用Vue.use()方法注冊插件。注意，在注冊插件時，我們還需要在配置中加入地圖的apiKey。

import VueAMap from 'vue-amap';
Vue.use(VueAMap);
VueAMap.initAMapApiLoader({
key: 'your api key',
plugin: ['AMap.Autocomplete', 'AMap.PlaceSearch', 'AMap.Scale', 'AMap.OverView', 'AMap.ToolBar', 'AMap.MapType', 'AMap.PolyEditor', 'AMap.CircleEditor'],
uiVersion: '1.0.11'
});

以上代碼中的apiKey需要根據自己的應用進行替換。同時，插件默認會注冊一些插件，如自動完成、地點搜索、比例尺等。 接下來，我們需要在Vue組件中對AMap進行初始化。在初始化時，我們需要在地圖上添加點聚合器插件。這可以通過在Vue組件的mounted()生命周期函數中調用initAMap()方法來實現。

export default {
mounted() {
this.initAMap();
},
methods: {
initAMap() {
// 獲取地圖實例
this.$amap.getMap("mapContainer").then(map =>{
// 導入AMapUI
AMapUI.loadUI(['overlay/SimpleMarker', 'overlay/SimpleInfoWindow', 'misc/AMap.AdvancedInfoWindow', 'overlay/SimpleInfoWindow/scss/SimpleInfoWindow.scss'], function () {
// 創建點聚合對象
var poiMarkers = new AMap.MarkerClusterer(map, []);
// 添加點聚合
map.add([poiMarkers]);
});
});
}
}
}

在以上代碼中，我們首先通過this.$amap.getMap()方法獲取地圖實例，然后導入AMapUI，并創建一個點聚合對象poiMarkers，最后將該點聚合對象添加至地圖中即可。 現在，我們已經可以在Vue項目中使用AMap點聚合插件了。當地圖上存在大量標記點時，該插件可以將這些標記點聚合起來，從而保持地圖的美觀和易用性。