Question

129

change content infowindow maps v3

rated 0 times [ 130] [ 1] / answers: 1 / hits: 25941 / 12 Years ago, wed, september 5, 2012, 12:00:00

I am trying to make it possible to change the content that shows up inside a DIV that is the content of an infowindow. I have been able to change the content from Hello to YO inside the infowindow. The problem is when I close the infowindow and reopen it the updated content reverts back to the original. Below is my 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;

  }

I basically want to create a default info window and allow the user to input their own text after they place the marke on the page...

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

cadendericki

Add To Favorites

Follow

Total Points: 482

Total Questions: 109

Total Answers: 103

Location: Ecuador

Member since Thu, Jun 4, 2020

4 Years ago

cadendericki questions

1 ERROR TypeError: Cannot read properties of undefined (reading 'phones')

Tue, Mar 22, 22, 00:00, 2 Years ago

1 firefox browser does not start in playwright

Wed, Apr 7, 21, 00:00, 3 Years ago

1 React Creating Dynamic Select and Option Elements with Material-UI

Wed, Jan 27, 21, 00:00, 3 Years ago

1 How to use the vue router in another file?

Wed, Jul 8, 20, 00:00, 4 Years ago

1 Format column header dates in FullCalendar

Thu, May 14, 20, 00:00, 4 Years ago

View All

answered 12 Years ago karleel · Accepted Answer

you have to set the content through setContentHTML method

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

}