How to add infowindow by clicking on the markers?

var markers = []; var infowindow = []; var col = array_coordinates.length; for (var i = 0; i <= col; i++) { var ll = array_coordinates[i].split(','); var latlng = new google.maps.LatLng(ll[0], ll[1]); markers[i] = new google.maps.Marker({ position:latlng, map: map, title: array_coordinates[i], animation: google.maps.Animation.DROP, visible: true //icon: 'images/beachflag.png' }); infowindow[i] = new google.maps.InfoWindow({ content: "ghbdftn" }); google.maps.event.addListener(markers[i], 'click', function() { infowindow[i].open(map, markers[i]); }); }

There is a map, there are markers on the map that are added from the array, so I want a window to appear when clicking on a marker above the marker, it is also infowindow. Question: how to implement?

1 answer 1

 var markers = []; var infowindow = []; var col = array_coordinates.length; for (var i = 0; i <= col; i++) { infowindow[i] = new google.maps.InfoWindow({ content: array_marker_info[i] }); var ll = array_coordinates[i].split(','); var latlng = new google.maps.LatLng(ll[0], ll[1]); markers[i] = new google.maps.Marker({ position:latlng, map: map, title: array_coordinates[i], animation: google.maps.Animation.DROP, visible: true, icon: 'images/beachflag.png' }); setInfoWindowHandlers(i); } function setInfoWindowHandlers(i) { markers[i].addListener('click', function() { console.log(i); infowindow[i].open(map, markers[i]); }); }