Google Maps API - итерационные маркеры, все имеют одинаковое содержание

Question

Сегодня я собирал этот код вместе, чтобы отобразить маркеры, которые извлекаются из моего XML-файла.

   function load() {
        var cluster = [];
        var map = new google.maps.Map(document.getElementById("map"), {
            center: new google.maps.LatLng(-36.848461, 174.763336),
            zoom: 13,
            mapTypeId: 'roadmap'
        });
        var infowindow = new google.maps.InfoWindow();
        downloadUrl('functions/toXml.php', function(data) {
            var xml = data.responseXML;
            var markers = xml.documentElement.getElementsByTagName("marker");
            for (var i = 0; i < markers.length; i++) {
                var name = markers[i].getAttribute("name");
                var address = markers[i].getAttribute("address");
                var price = markers[i].getAttribute("price");
                var type = markers[i].getAttribute("type");
                var point = new google.maps.LatLng(
                    parseFloat(markers[i].getAttribute("lat")),
                    parseFloat(markers[i].getAttribute("lng")));
                var html = "<b>" + markers[i].getAttribute("name") + "</b> <br/>" + markers[i].getAttribute("address");
                var icon = customIcons[type] || {};
                var marker = new google.maps.Marker({
                    map: map,
                    position: point,
                    icon: icon.icon,
                    shadow: icon.shadow
                });
                marker.addListener('click', (function(marker, i) {
                    return function() {
                        infowindow.setContent(html);
                        infowindow.open(map, marker);
                     }
                })(marker, i));
          cluster.push(marker);
        }
        var mc = new MarkerClusterer(map,cluster,{imagePath: 'https://developers.google.com/maps/documentation/javascript/examples/markerclusterer/m'});
      });
    }

В основном это работает, однако я думаю, что я где-то облажался в итеративном процессе, так как все мои информационные окна имеют одинаковое (последнее) имя и адрес.

Я переместил несколько вещей, но не могу понять, как это исправить.

Answer 1

Через множество итераций и выходов из ярости, я понял это.Вот мой код на случай, если кто-нибудь еще столкнется с этой проблемой.

function initMap() {
     var cluster = [];
var map = new google.maps.Map(document.getElementById('map'), {
  center: new google.maps.LatLng(-36.848461, 174.763336),
  zoom: 12
});
var infoWindow = new google.maps.InfoWindow;

  // Change this depending on the name of your PHP or XML file
  downloadUrl('functions/toXml.php', function(data) {
    var xml = data.responseXML;

    var markers = xml.documentElement.getElementsByTagName('marker');
    Array.prototype.forEach.call(markers, function(markerElem) {
      var name = markerElem.getAttribute('name');
      var address = markerElem.getAttribute('address');
      var type = markerElem.getAttribute('type');
      var point = new google.maps.LatLng(
          parseFloat(markerElem.getAttribute('lat')),
          parseFloat(markerElem.getAttribute('lng')));

      var infowincontent = document.createElement('div');
      var strong = document.createElement('strong');
      strong.textContent = name
      infowincontent.appendChild(strong);
      infowincontent.appendChild(document.createElement('br'));

      var text = document.createElement('text');
      text.textContent = address
      infowincontent.appendChild(text);
      var icon = customLabel[type] || {};
      var marker = new google.maps.Marker({
        map: map,
        position: point,
        label: icon.label
      });
      marker.addListener('click', function() {
        infoWindow.setContent(infowincontent);
        infoWindow.open(map, marker);
      });
      cluster.push(marker);
    });
       var options = {
          imagePath: 'https://developers.google.com/maps/documentation/javascript/examples/markerclusterer/m'
      };

    var mc = new MarkerClusterer(map,cluster,options);
  });
};