如何通过新的google.maps在vue2-google-map上使用标记的@drag功能？

npm install vue2-google-maps

import * as VueGoogleMaps from 'vue2-google-maps';
Vue.use(VueGoogleMaps, {
  load: {
    key: 'YOUR_API_KEY', // 在Google Cloud Console中生成的API密钥
    libraries: 'places' // 如果需要使用其他功能，可以在这里添加相应的库
  }
});

<template>
  <GmapMap :center="center" :zoom="zoom" @click="addMarker"></GmapMap>
</template>
<script>
export default {
  data() {
    return {
      center: { lat: 0, lng: 0 }, // 地图的中心点
      zoom: 10, // 地图的缩放级别
      markers: [] // 存储标记的数组
    };
  },
  methods: {
    addMarker(event) {
      const marker = {
        position: event.latLng,
        draggable: true, // 可以拖动的标记
        // 其他属性...
      };
      this.markers.push(marker); // 将标记添加到数组中
    }
  }
};
</script>

<template>
  <GmapMap :center="center" :zoom="zoom" @click="addMarker">
    <GmapMarker v-for="(marker, index) in markers" :key="index"
      :position="marker.position"
      :draggable="true"
      @dragstart="onDragStart"
      @dragend="onDragEnd"></GmapMarker>
  </GmapMap>
</template>
<script>
export default {
  // ...
  methods: {
    // ...
    onDragStart(event) {
      // 标记开始拖动时的处理逻辑
      console.log('Marker drag start');
    },
    onDragEnd(event) {
      // 标记结束拖动时的处理逻辑
      console.log('Marker drag end');
    }
  }
};
</script>