Vue AMap是一款基于Vue框架和高德地圖API的開源組件庫，它實現了對AMap API的封裝，使得利用Vue框架來創建高德地圖應用變得更加輕松。

Vue AMap支持多種高德地圖的API，包括地圖、覆蓋物、搜索、定位等功能。而其中基于覆蓋物的點標記功能是常用的實現點擊操作的方式。

<template>
<div>
<amap :zoom="zoom">
<amap-marker v-for="marker in markers"
:key="marker.id"
:position="marker.position"
:visible="true"
@click="handleMarkerClick(marker)"
/>
</amap>
</div>
</template>
<script>
export default {
data() {
return {
zoom: 13,
markers: [
{ id: 1, position: [116.397428, 39.90923]},
{ id: 2, position: [116.412148, 39.932958]}
]
}
},
methods: {
handleMarkerClick(marker) {
console.log(marker.id, marker.position)
// 在這里實現點擊后的業務邏輯
}
}
}
</script>

上面是一個簡單的Vue AMap點標記組件示例。其中使用了amap-marker組件來創建點標記。position屬性表示點標記的經緯度坐標，@click事件監聽點擊事件，而handleMarkerClick方法則是在點擊時觸發的函數。

點擊事件的處理方法中，我們可以使用marker對象來獲取標記的id和經緯度坐標。在這個方法中，我們可以實現點擊后的具體業務邏輯，比如彈出一個信息框。

除了amap-marker組件，Vue AMap還提取了amap-polyline、amap-circle、amap-polygon等組件來創建不同類型的覆蓋物。使用類似，只需在對應組件中傳入對應的參數即可。

除了單個的點標記外，我們還可以在地圖上添加多個標記。此時我們只需在數據中傳入多組經緯度坐標即可。對于多個點標記的點擊操作，我們可以使用循環和條件渲染來為每個點標記綁定點擊事件。

點標記的點擊操作是Vue AMap最常用的操作之一，但并不是唯一的操作。Vue AMap支持多種其他的交互操作，比如地圖拖動、縮放、搜索等。值得注意的是，在使用Vue AMap開發時，我們需要引入高德地圖API的JavaScript文件，同時注意高德地圖API的使用約束。