How to update infowindow of a marker?-CodePudding

The

for(i=0; i<locations.length; i ) { var position = new google.maps.LatLng(locations[i][2], locations[i][3]); var marker = new google.maps.Marker({ position: position, map: map, }); google.maps.event.addListener(marker, 'click', (function(marker, i) { return function() { infowindow.setContent(locations[i][1]); infowindow.setOptions({maxWidth: 200}); infowindow.open(map, marker); } }) (marker, i)); Markers[locations[i][4]] = marker; }

I have map has multiple markers with infowindows my aim is to update marker infowindow but could not manage to find a solution.

CodePudding user response：

If you are trying to store i in closure then you can do it like this: Demo JsFiddle

for (let i = 0; i < locations.length; i ) { let position = new google.maps.LatLng(locations[i][1], locations[i][2]); let marker = new google.maps.Marker({ position: position, map: map, title: locations[i][0] }); google.maps.event.addListener(marker, 'click', function (event) { let content = `<b>${locations[i][0]} </b><br> ${locations[i][3]}<br> Position: ${event.latLng.lat()}, ${event.latLng.lng()}`; infowindow.setContent(content); infowindow.setOptions({ maxWidth: 200 }); infowindow.open(map, marker); }); }

Or you can get position from event object event.latLng.lat() and get the location using it.

Or you can have separate info window for each marker.