title: open infoWindow from outside of Google map
body: <p>is there any way I can open infowindows of markers from an outside table. I have seen other posts from other users in "stackoverflow" as well and it seems a bit tricky to accomplish.</p>
  
  <p>Here is the code am using . In the last 2 lines of code i am appending the tweets into a table and from there if i want to click on any of the tweets it should open the corresponding marker on the map. the problem is i dont know how to link the marker and the table row.</p>
  
  <pre><code>            function geocode(user, date, profile_img, text, url, location) {
                  var geocoder = new google.maps.Geocoder();
                  geocoder.geocode({
                      address: location
                  }, function (response, status) {
                      if (status == google.maps.GeocoderStatus.OK) {
                          var x = response[0].geometry.location.lat(),
                              y = response[0].geometry.location.lng();
                          var myLatLng = new google.maps.LatLng(x, y);
                          var marker = new google.maps.Marker({
                              icon: profile_img,
                              title: user,
                              map: map,
                              position: myLatLng
                          });
                          var contentString = '&lt;div id="content"&gt;' + '&lt;div id="siteNotice"&gt;' + '&lt;/div&gt;' + '&lt;h2 id="firstHeading" class="firstHeading"&gt;' + user + '&lt;/h2&gt;' + '&lt;div id="bodyContent"&gt;' + text + '&lt;/div&gt;' + '&lt;div id="siteNotice"&gt;&lt;a href="' + url + '"&gt;&lt;/a&gt;&lt;/div&gt;' + '&lt;p&gt;Date Posted- ' + date + '.&lt;/p&gt;' + '&lt;/div&gt;';
  
  
                          var infowindow = new google.maps.InfoWindow({
                              content: contentString
                          });
                          google.maps.event.addListener(marker, 'click', function () {
                              infowindow.open(map, marker);
                          });
  
                  $('#user-tweets').css("overflow","scroll");
                  $('#user-tweets').append('&lt;table width="320" border="0"&gt;&lt;tr&gt;&lt;td onclick=infoWindow(map,marker); colspan="2" rowspan="1"&gt;'+user+'&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td width="45"&gt;&lt;a href="'+profile_img+'"&gt;&lt;img src="'+profile_img+'" width="55" height="50"/&gt;&lt;/a&gt;&lt;/td&gt;&lt;td width="186"&gt;'+text+'&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;hr&gt;');
                          function infoWindow(map,marker){
  
                              infowindow.open(map, marker);
                          }
                          bounds.extend(myLatLng);
  </code></pre>