title: Calling an event listener in google maps v3 from a link
body: <p>I'm trying to call the <code>google.maps.event.addListener</code> from a link. Here is the code I have so far:</p>
  
  <pre><code>        var divcc = '#badaba'; //click color
              var divhc = '#ffffce'; //hover color
              var divoc = '#FFF'; //original color
              var lastopenwin;
              var marker1;
          var marker2;
  //MAP---------------------------------------------------
    function initialize() {
      //pin icons
      var image1 = '../images/marker.png';
      var temp1 = new google.maps.MarkerImage(image1);
      var image2 = '../images/coldmarker.png';
      var temp2 = new google.maps.MarkerImage(image2);
      //pins coords
      var latlng1 = new google.maps.LatLng(33.528782,-112.343972);
      var latlng2 = new google.maps.LatLng(32.996381,-112.231125);
      //info windows
      var content1 = '&lt;div style="width:300px;"&gt;Hello World!!!&lt;/div&gt;';
      var infowindow1 = new google.maps.InfoWindow({
              content: content1
          });
      var content2 = '&lt;div style="width:300px;"&gt;Hello Universe!!!&lt;/div&gt;';
      var infowindow2 = new google.maps.InfoWindow({
              content: content2
          });
      //map options
      var myOptions = {
        zoom: 8,
        center: latlng1,
        mapTypeId: google.maps.MapTypeId.ROADMAP
      };
      //place map
      var map = new google.maps.Map(document.getElementById("map_canvas"),
          myOptions);
  
      //place pins
     var marker1 = new google.maps.Marker({
            position: latlng1,
            icon: temp1,
            title:"Hello World!"
      });
      marker1.setMap(map);
      var marker2 = new google.maps.Marker({
            position: latlng2,
            icon: temp1,
            title:"Hello Universe!"
      });
      marker2.setMap(map);
      //listeners
      google.maps.event.addListener(marker1, 'click', function() {
          //alert(lastopenwin);
          if(lastopenwin){
              //alert(lastopenwin);
              lastopenwin.close();
          }
          document.getElementById("item1").style.background = divcc;
            infowindow1.open(map,marker1);
            lastopenwin = infowindow1;
          });
          google.maps.event.addListener(marker1, 'mouseover', function() {
              document.getElementById("item1").style.background = divhc;
              marker1.setIcon(temp2);
          });
          google.maps.event.addListener(marker1, 'mouseout', function() {
              document.getElementById("item1").style.background = divoc;
              marker1.setIcon(temp1);
          });
          google.maps.event.addListener(marker2, 'click', function() {
              //alert(lastopenwin);
              if(lastopenwin){
                  lastopenwin.close();
              }
              document.getElementById("item2").style.background = divcc;
            infowindow2.open(map,marker2);
            lastopenwin = infowindow2;
          });
          google.maps.event.addListener(marker2, 'mouseover', function() {
              document.getElementById("item2").style.background = divhc;
              marker2.setIcon(temp2);
          });
          google.maps.event.addListener(marker2, 'mouseout', function() {
              document.getElementById("item2").style.background = divoc;
              marker2.setIcon(temp1);
          });         
  }
  </code></pre>
  
  <p>What I'm using to try to trigger the map events in my links is:</p>
  
  <pre><code>href="javascript:google.maps.event.trigger(marker2, 'click');"
  </code></pre>
  
  <p>This isn't working. Anyone have an idea?</p>