thay đổi nội dung infowindow bản đồ v3

Question

Tôi đang cố gắng để làm cho nó có thể thay đổi nội dung hiển thị bên trong một DIV đó là nội dung của một infowindow. Tôi đã có thể thay đổi nội dung từ Hello thành YO bên trong infowindow. Vấn đề là khi tôi đóng infowindow và mở lại nó, nội dung cập nhật sẽ trở lại bản gốc. Dưới đây là mã của tôi:

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

tôi về cơ bản muốn tạo ra một cửa sổ thông tin mặc định và cho phép người dùng nhập văn bản riêng của họ sau khi họ đặt marke trên trang ...

Answer 1

bạn phải thiết lập nội dung thông qua phương pháp 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"); 
} 

Answer 2

tôi tìm thấy câu trả lời được chấp nhận ở trên đã không làm việc như tôi đã phải sử dụng setContent() như sau:

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