Vue.js + GoogleMapで編集

Question

Vue.jsでGoogleMap APIを使用しています
編集機能で緯度、経度を変更すると、変更前の住所もマークされてしまいます

chart.jsでも似たような現象があった時は、こちら
で対処できました。

今回も恐らく前のデータが残っているのでGoogleMap自体を一度削除して作成し直す処理が必要だと思いますが、script側にはGoogleMap自体の処理は無くどうすればいいのか分かりません

GoogleMapの表示のコード

     <div id="map">
        <GmapMap
        :center="{lat: map.latitude, lng:map.longitude}"
        :zoom="15"
        map-type-id="terrain"
        style="width: 100%; height: 300px"
        >
        <GmapMarker
        :key="index"
        v-for="(m, index) in markers"
        :position="m.position"
        :clickable="true"
        :draggable="true"
        @click="center=m.position"
        />
        </GmapMap>
      </div>

Answer 1

編集後に緯度経度が入っている編集を初期化して、もう一度google mapを読み込む