nuxt-gmaps 标记不可拖动

Question

我在我的 nuxt 项目中使用 nuxt-gmaps。我在位置 [0] 有一个标记，并且地图显示在地图上正确位置的标记。地图显示在一个组件中：

<GMap
     :center="{ lat: locations[0].lat, lng: locations[0].lng }"
     :zoom="10"
 >
     <GMapMarker
         :position="{
             lat: locations[0].lat,
             lng: locations[0].lng,
         }"
         :draggable="true"
         @dragend="updateCoordinates"
     />
 </GMap>

但我无法拖动标记。为什么？

Answer 1

根据GMapMarker component implementation，底层标记选项预计会通过options道具传递，因此要使标记可拖动，需要像这样初始化它而不是:options="{ draggable: true}"

例如：

<GMapMarker
      :options="{ draggable: true}"
      v-for="location in locations"
      :key="location.id"
      :position="{ lat: location.lat, lng: location.lng }"
      @click="currentLocation = location"
/>