title: Google Maps Marker as a link
body: <p>I have the following code, but it is not working, the link only is showed on the last point (Argentina), some help?</p>
  
  <pre><code>&lt;div id="map" style="width: 980px; height: 420px;margin:10px 0px 30px;"&gt;&lt;/div&gt;
  
  &lt;script type="text/javascript"&gt;
      var map = new google.maps.Map(document.getElementById('map'), {
        zoom: 2,
        center: new google.maps.LatLng(0,0),
        mapTypeId: google.maps.MapTypeId.ROADMAP
      });
  
      var usa = new google.maps.LatLng(37.09024, -95.712891);
      var brasil = new google.maps.LatLng(-14.235004, -51.92528);
      var argentina = new google.maps.LatLng(-38.416097, -63.616672);
  
      var marker = new google.maps.Marker({
          position: usa,
          url: '/destinos/exibir/pais_id/3',
          title: 'Estados Unidos',
          map: map
      });
  
      var marker = new google.maps.Marker({
          position: brasil,
          url: '/destinos/exibir/pais_id/2',
          title: 'Brasil',
          map: map
      });
  
      var marker = new google.maps.Marker({
          position: argentina,
          url: '/destinos/exibir/pais_id/1',
          title: 'Argentina',
          map: map
      });
  
      google.maps.event.addListener(marker, 'click', function() {
        window.location.href = marker.url;
      });
  
    &lt;/script&gt;
  </code></pre>