title: Google Map API issue with creating unique info windows
body: <p>Maybe it is just late but I'm having issue showing info windows on my google map. I have few test points of interests, when I add markers and click events to these markers I always get a popup for Location 5.  How do I properly tie in individual info windows to each marker?  I tried creating info windows and markers and storing them in pointsOfInterests array but that didn't seem to help. </p>
  
  <p>Thank you,
  R</p>
  
  <pre><code> var pointsOfInterests = [
      ['Location 1', 43.386815, -79.8142324, 1 , '&lt;div id="content1"&gt;&lt;div id="siteNotice1"&gt;&lt;/div&gt;&lt;div id="bodyContent1"&gt;&lt;h1 id="firstHeading1" class="firstHeading"&gt;l1&lt;/h1&gt;&lt;/div&gt;&lt;/div&gt;'],
      ['Location 2', 43.367015, -79.8241324, 2 , '&lt;div id="content2"&gt;&lt;div id="siteNotice2"&gt;&lt;/div&gt;&lt;div id="bodyContent2"&gt;&lt;h1 id="firstHeading2" class="firstHeading"&gt;l2&lt;/h1&gt;&lt;/div&gt;&lt;/div&gt;'],
      ['Location 3', 43.357015, -79.8341324, 3, '&lt;div id="content3"&gt;&lt;div id="siteNotice3"&gt;&lt;/div&gt;&lt;div id="bodyContent3"&gt;&lt;h1 id="firstHeading3" class="firstHeading"&gt;l3&lt;/h1&gt;&lt;/div&gt;&lt;/div&gt;'],
      ['Location 4', 43.347015, -79.8541324, 4, '&lt;div id="content4"&gt;&lt;div id="siteNotice4"&gt;&lt;/div&gt;&lt;div id="bodyContent4"&gt;&lt;h1 id="firstHeading4" class="firstHeading"&gt;l4&lt;/h1&gt;&lt;/div&gt;&lt;/div&gt;'],
      ['Location 5', 43.377015, -79.8341324, 5, '&lt;div id="content5"&gt;&lt;div id="siteNotice5"&gt;&lt;/div&gt;&lt;div id="bodyContent5"&gt;&lt;h1 id="firstHeading5" class="firstHeading"&gt;l5&lt;/h1&gt;&lt;/div&gt;&lt;/div&gt;'],
    ];
  
  
   function setMarkers(map) {
      // Adds markers to the map.
      for (var i = 0; i &lt; pointsOfInterests.length; i++) {
  
       var pointsOfInterest = pointsOfInterests[i];
  
       var marker = new google.maps.Marker({
          position: {lat: pointsOfInterest[1], lng: pointsOfInterest[2]},
          map: map,
          title: pointsOfInterest[0],
          zIndex: pointsOfInterest[3]
        });
  
        marker.addListener('click', function() {
           var infoWindow = new google.maps.InfoWindow({
           content: pointsOfInterest[0]
           });
  
           var pos = {
             lat: pointsOfInterest[1],
             lng: pointsOfInterest[2]
           };
  
           infoWindow.setPosition(pos);
           infoWindow.open(map, marker);
        });
      }
    }
  </code></pre>