[Google Map with Multiple Markers and Info Windows]

scripts.js

function initMap() {
  const map = new google.maps.Map(document.getElementById("map"), {
    zoom: 10,
    center: { lat: 51.3055106, lng: 0.3105068 },
  });
  setMarkers(map,locations);
}
function setMarkers(map,locations){
  var marker, i
  var infowindow = new google.maps.InfoWindow();
  for (i = 0; i < locations.length; i++) {
    var title = locations[i][0]
    var lat = locations[i][1]
    var long = locations[i][2]
    var text =  locations[i][3];
    var link =  locations[i][4]
    latlngset = new google.maps.LatLng(lat, long);
    var marker = new google.maps.Marker({map: map, title: title , position: latlngset});
    var content = "<div class=\'infoWindow\'><h4>"+title+"</h4>" + text + "<br> <a href=\'"+link+"\'>View Location</a></div>";
    google.maps.event.addListener(marker,"click", (function(marker,content,infowindow){
      return function() {
        infowindow.close();
        infowindow.setContent(content);
        infowindow.open(map,marker);
      };
    })(marker,content,infowindow));
  }
}
window.initMap = initMap;