title: Add multiple event listener on google map API v3 AND MarkerWithLabel
body: <p>I want to add, for each of my markers, an event on click to center on this one. I use the lib "MarkerWithLabel" and when I click on a marker, the map is zooming on the last marker each time. </p>
  
  <p>Here is my code : </p>
  
  <pre><code>var map         = new google.maps.Map(document.getElementById('map-canvas')),
          bounds      = new google.maps.LatLngBounds(),
          marker      = [],
          grafxUrl    = $('#map-canvas').data('grafx'),
          image       = {
              url : grafxUrl + 'universal/icons/pin_locator.png',
              size: new google.maps.Size(24, 31),
              origin: new google.maps.Point(0,0),
              anchor: new google.maps.Point(12, 31)
          };
  
  for (var i = 0; i &lt; response.length; i++) {
          marker = new MarkerWithLabel({
              position: new google.maps.LatLng(response[i].fLatitude, response[i].fLongitude),
              map: map,
              icon : image ,
              title : (i+1)+' '+response[i].sName,
              labelContent: (i+1),
              labelAnchor: new google.maps.Point(3, 25),
              labelClass: "markerNum", // the CSS class for the label
          });
          google.maps.event.addListener(marker, 'click', function() {
              map.setZoom(15);
              map.setCenter(marker.position);
          });
          bounds.extend(marker.position);
          //now fit the map to the newly inclusive bounds
          map.fitBounds(bounds);
      }
  </code></pre>
  
  <p>What is wrong with my script ? </p>
  
  <p>Thanks a lot.</p>