title: Google maps open infowindow on load
body: <p>Hi I am trying to have my google mapps infowidnow open on load of the page. I have been trying to work out how to do this, to no avail. I was wondering if anyone could have a look and push me in the right direction?</p>
  
  <p>Thanks </p>
  
  <p>Here is my code: </p>
  
  <pre><code>&lt;script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
  function initialize() {
  
      var latlng = new google.maps.LatLng(53.855475, -1.605927);
      var settings = {
          zoom: 16,
          scrollwheel: false,
          center: latlng,
          mapTypeControl: true,
          mapTypeControlOptions: {
              style: google.maps.MapTypeControlStyle.DROPDOWN_MENU
          },
          navigationControl: true,
          navigationControlOptions: {
              style: google.maps.NavigationControlStyle.SMALL
          },
          mapTypeId: google.maps.MapTypeId.ROADMAP
      };
  
      var contentString = '&lt;div id="content"&gt;' +
          '&lt;div id="siteNotice"&gt;' +
          '&lt;/div&gt;' +
          '&lt;h1 id="firstHeading" class="firstHeading"&gt;&lt;/h1&gt;' +
          '&lt;div id="bodyContent"&gt;' +
          '&lt;p&gt;&lt;/p&gt;' +
          '&lt;/div&gt;' +
          '&lt;/div&gt;';
  
      var infowindow = new google.maps.InfoWindow({
          content: contentString
      });
  
  
      var map = new google.maps.Map(document.getElementById("map_canvas"), settings);
      var companyPos = new google.maps.LatLng(53.855475, -1.605927);
      var companyMarker = new google.maps.Marker({
          position: companyPos,
          map: map,
          title: "Some title"
  
      });
      google.maps.event.addListener(companyMarker, 'click', function() {
          infowindow.open(map, companyMarker);
      });
  
  }
  </code></pre>
  
  <p></p>