Comment puis-je me lier au titre de propriété d'un marqueur de Google Maps avec vuejs? - google-maps, google-maps-api-3, vue.js, vuejs2, vue-composant

Je travaille avec api google maps maintenant je suis en développement avec vuejs existe maintenant la posibilité de lier une propriété au titre de la propriété à partir de marqueurs, par exemple c'est ma composante sur 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);
});
}
});

Maintenant, quand je veux changer les marqueurs de propriété.title = "Je change" et rien ne se passe, les marqueurs sur les cartes gardent "bonjour", pourriez-vous s'il vous plaît comment puis-je le faire? Si peut le faire sans utiliser la méthode native d'API Google Maps merci !!

Réponses:

vous pouvez utiliser la montre

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

plus d'infos vue watcher https://vuejs.org/v2/guide/computed.html#Watchers

Si vous ne savez pas comment redessiner les marqueurs, vous pouvez également consulter la documentation Google.

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