title: Google maps api not working properly
body: <p>So I'm playing around with <a href="https://developers.google.com/maps/documentation/javascript/examples/map-simple" rel="nofollow noreferrer">this example</a> and our company has its own API key for google maps. a co-worker and I tried to get the maps to work - Well in full screen the following code worked - by that I mean we just let the map scale the full width of the browser, the code we used is:</p>
  
  <pre><code>&lt;script&gt;
      var map;
  
      function initialize() {
        var mapOptions = {
          zoom: 8,
          center: new google.maps.LatLng(-34.397, 150.644),
          mapTypeId: google.maps.MapTypeId.ROADMAP
        };
        map = new google.maps.Map(document.getElementById('map-canvas'),
            mapOptions);
      }
  
      google.maps.event.addDomListener(window, 'load', initialize);
  &lt;/script&gt;
  
  &lt;div id="map-canvas"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>Obviously their is no API key because that's loaded else where.</p>
  
  <p>So I decided to add on to this, because I needed the map stored else where - and I added this extra jazz:</p>
  
  <pre><code>&lt;style&gt;
      #map-canvas {
          margin: 0;
          padding: 0;
          width: 100%;
          height: 100%;
      }
  
      #Map{
          height: 350px;
      }
  &lt;/style&gt;
  </code></pre>
  
  <p>The first one is obvious, The second one is part of the jquery-ui tab which I basically, for this tab, set it's height to 350px</p>
  
  <p>Moving on - the issue is this:</p>
  
  <p><a href="https://i.stack.imgur.com/iarvZ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/iarvZ.png" alt="enter image description here"></a></p>
  
  <p>if I drop a person on to the road then I get:</p>
  
  <p><a href="https://i.stack.imgur.com/hVKm4.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/hVKm4.jpg" alt="enter image description here"></a></p>
  
  <p>the "up close and personal" stalker look goes full width and height but the far away directions map is all broken....</p>
  
  <p>Anyone know why?</p>