Ako to urobiť viazať na vlastníctvo značky z google maps s vuejs?-mapy google, google-mapy-api-3, vue.js, vuejs2, vue-súčasť

Pracujem s Api google maps teraz som vývoj s vuejs teraz existuje možnosť viazať vlastnosť k vlastníctvu vlastníctva od značiek, napríklad toto je moja súčasť vuejs

Vue.component("root-map",{
template: `
<div id="sidebar_builder"
style="width: 100%; height: 600px;">
</div>
`,
data: function(){
return {
map:null,
marker:{
title: "hello"
}
}
},
mounted: function () {
this.$nextTick(function () {
var myLatlng = new google.maps.LatLng(-25.363882,131.044922);
var mapOptions = {
zoom: 4,
center: myLatlng
};
this.map = new google.maps.Map(document.getElementById("sidebar_builder"),mapOptions);
var marker_icon= new google.maps.Marker({
position: myLatlng,
title: this.marker.title}); // the most important part
marker_icon.setMap(this.map);
});
}
});

Teraz, keď chcem zmeniť značky majetku.title = "I change" a nestane sa nič, značky na mapách zostávajú "ahoj", mohli by ste prosím, ako to urobím? Ak to dokážete bez použitia metódy pôvodnej z api google maps vďaka !!

odpovede:

môžete použiť hodinky

watch: {
marker() {
this.reDrawMarkers()
}
}

viac informácií vue strážca https://vuejs.org/v2/guide/computed.html#Watchers

Ak neviete, ako prekresliť značky, môžete si pozrieť dokumentáciu spoločnosti Google

https://developers.google.com/maps/documentation/javascript/examples/marker-remove