title: Google Maps Top Left Info Box
body: <p>I'm battling to find documentation on the element of a google map
  that I would like to include.</p>
  
  <p>I have a basic google map in my website</p>
  
  <pre><code>  function f_init_map() {
  
       var lv_container = document.getElementById('map_container');
  
       var lv_coords = new google.maps.LatLng(-29.801270, 30.717932);
  
       var lv_settings = {
          center: lv_coords,
          zoom: 15,
          mapTypeId: google.maps.MapTypeId.ROADMAP
       }
  
       var lv_map = new google.maps.Map(lv_container, lv_settings);
  
       var lv_marker = new google.maps.Marker({
          position: lv_coords,
          map: lv_map,
          title: 'Nowhere',
          icon: 'images/marker_01.png'
       });
  
    }
  
    google.maps.event.addDomListener(window, 'load', f_init_map);
  </code></pre>
  
  <p>which is great but I would like to include the info box that some maps have that normally shows up in the top left hand corner and usually has the address as well as buttons for 'Directions' and 'Save'.</p>
  
  <p>How will I be able to include this info box?</p>
  
  <p>I found an example of the map info box</p>
  
  <p><a href="http://www.stortown.co.za/self-storage-hillcrest/" rel="nofollow">http://www.stortown.co.za/self-storage-hillcrest/</a></p>