Я пытаюсь сделать возможным изменение содержимого, отображаемого внутри DIV, которое является содержимым информационного окна. Мне удалось изменить содержимое с Hello на YO внутри информационного окна. Проблема в том, что когда я закрываю информационное окно и снова открываю его, обновленное содержимое возвращается к исходному. Ниже мой код:

  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";
  }

Я в основном хочу создать информационное окно по умолчанию и позволить пользователю вводить свой собственный текст после того, как он разместит марку на странице ...