title: Draw a table inside an infowindow of Google maps v3?
body: <p>When a user click on the marker an infowindow will appear and shows some information. It's better to show this information in a beautiful way by using table.
  How can I draw a table inside the infowindow?</p>
  
  <p>Here is the loop-for that creates markers on the map and then create infowindow(s) for each one. I want to show تاریخ and ساعت and سرعت in a table to be aligned.</p>
  
  <pre><code>for(var counter = 0; counter &lt; arrayLatitude.length; counter++)
      {
          var marker = new google.maps.Marker({
              position:new google.maps.LatLng(arrayLatitude[counter], arrayLongitude[counter]),
              info:arrayUTCdate[counter]+" :تاریخ&lt;br&gt;"+arraySatellite_derived_time[counter]+" :ساعت&lt;br&gt;"+arraySpeed[counter].toFixed(2)+" :سرعت"
              });
  
          marker.setMap(map);                                 
  
          //Event. When click on the marker, an infowindow show the content of specified marker.
          google.maps.event.addListener(marker, 'click', function () {
                 infowindow.setContent(this.info);
                 infowindow.open(map, this);
                 });
  
      }
  </code></pre>