15

情報ウィンドウのコンテンツである 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";
  }

私は基本的に、デフォルトの情報ウィンドウを作成し、ユーザーがページにマークを配置した後に独自のテキストを入力できるようにしたいと考えています...

4

3 に答える 3

12

setContentHTML メソッドでコンテンツを設定する必要があります

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");
}
于 2012-09-05T21:04:03.507 に答える