modifier le contenu infowindow maps v3

Je suis en train de faire il possible de changer le contenu qui s'affiche dans une DIV qui est le contenu d'une infowindow. J'ai été en mesure de modifier le contenu de Bonjour YO à l'intérieur de l'infowindow. Le problème est que lorsque je ferme l'infowindow et rouvrir les mises à jour de contenu revient à l'original. Ci-dessous mon code:

  google.maps.event.addListener(drawingManager, 'overlaycomplete', function(event) {
      if (event.type == google.maps.drawing.OverlayType.MARKER) {
          //event.overlay.setTitle("Hello");
          var infowindow = new google.maps.InfoWindow({
              content: '<div id="content" onmouseover="updateContent()">Hello</div>',
              maxWidth: 10
          });
          google.maps.event.addListener(event.overlay, 'click', function() {
              infowindow.open(map, event.overlay);
          });
      }
  });

  function updateContent() {
      document.getElementById('content').innerHTML = "Yo";
  }

En gros, je veux créer une valeur par défaut fenêtre d'informations et de permettre à l'utilisateur de saisir leur propre texte après qu'ils placent à la marke sur la page...

source d'informationauteur Tommy

  1. 6

    vous devez définir le contenu par le biais de setContentHTML méthode

    var infowindow ;
google.maps.event.addListener(drawingManager, 'overlaycomplete', function(event) {
    if (event.type == google.maps.drawing.OverlayType.MARKER) {
        //event.overlay.setTitle("Hello");
        infowindow = new google.maps.InfoWindow({
            content: '<div id="content" onmouseover="updateContent()">Hello</div>',
            maxWidth: 10
        });
        google.maps.event.addListener(event.overlay,'click',function()
        infowindow.open(map,event.overlay);
     });
}});

function updateContent(){
    infowindow.setContent("YO");
}
  2. 12

    J'ai trouvé ci-dessus accepté la réponse n'a pas fonctionné comme je l'ai eu à utiliser setContent() comme suit:

    google.maps.event.addListener(drawingManager, 'overlaycomplete', function (event) {
    if (event.type == google.maps.drawing.OverlayType.MARKER) {
        //event.overlay.setTitle("Hello");
        var infowindow = new google.maps.InfoWindow({
            content: '<div id="content" onmouseover="updateContent()">Hello</div>',
            maxWidth: 10
        });
        google.maps.event.addListener(event.overlay, 'click', function () {
            infowindow.open(map, event.overlay);
        });
    }
});
function updateContent() {
    infowindow.setContent("Yo");
}