title: Google Maps API v3 Not Displaying
body: <p>I cannot get Google Maps to display for the life of me. I have been going over the code for hours, I am all but certain I am not missing anything.</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;meta charset="utf-8" /&gt;
  
  &lt;title&gt;Profile&lt;/title&gt;
  &lt;meta property="og:title" content=""/&gt;
  &lt;meta property="og:type" content=""/&gt;
  &lt;meta property="og:url" content=""/&gt;
  &lt;meta property="og:image" content=""/&gt;
  &lt;meta property="og:site_name" content=""/&gt;
  &lt;meta property="fb:admins" content="USER_ID"/&gt;
  &lt;meta property="og:description" content=""/&gt;
  &lt;link rel="stylesheet" type="text/css" href="common.css"&gt;
  &lt;link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" /&gt;
  &lt;!--[if IE]&gt;
  &lt;script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"&gt;&lt;/script&gt;
  &lt;![endif]--&gt;
  &lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.5/jquery-ui.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"&gt;&lt;/script&gt;
  &lt;style&gt;
    article, aside, details, figcaption, figure, footer, header,
    hgroup, menu, nav, section { display: block; }
  &lt;/style&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
  &lt;div id="wrapper"&gt;
    &lt;header&gt;
       &lt;div id="logo"&gt;
      &lt;/div&gt;
    &lt;/header&gt;
  
    &lt;script type="text/javascript" src="http://maps.google.com/maps/api/js?libraries=geometry&amp;sensor=true"&gt;&lt;/script&gt;
  
    &lt;div id="profile"&gt;
  
      &lt;div id="info"&gt;
  
      &lt;/div&gt;
  
  
          &lt;div class="map" id="map4" style=""&gt;&lt;/div&gt;
  
          &lt;script type="text/javascript"&gt;
  
          var map4 = document.getElementById('map4');
          var map4_bounds = new google.maps.LatLngBounds(); 
          var map4_center = new google.maps.LatLng(30.27, -86);
          var map4_geocoder = new google.maps.Geocoder();
          var map4_window;
          var map4_markers = [];
          var map4_windows = [];
          var map4_html = [];
          var map4_count = 0;
  
  
  
          var map4_options = {
              center: map4_center,
              draggable: false, 
              mapTypeId: google.maps.MapTypeId.ROADMAP, 
              maxZoom: 15, 
              minZoom: 10, 
              scrollwheel: false, 
              zoom: 12
              }
  
          var map4_canvas = new google.maps.Map(map4, map4_options);
          (function () {  /* Fixes a known bug with Google's API with displaying the InfoWindow(s) */
  
          new_location = false;
              new_latitude = '30.27';
              new_longitude = '-86';
  
              if(new_latitude != '' &amp;&amp; new_longitude != '') {
  
              new_location = new google.maps.LatLng(new_latitude, new_longitude);                         
          var marker = new google.maps.Marker({
              map: map4_canvas, 
              position: new_location
          });
  
  
              map4_html[map4_count] = "Indianapolis, IN";
          map4_markers[map4_count] = marker;
          map4_count++;
              }
                      if(new_location) {
                      map4_canvas.setZoom(12)
                      map4_canvas.setCenter(new_location)
  
                  }
              if(new_location) {
  
                  var html = "Indianapolis, IN"       
                  if(map4_html[map4_count-1] == "" || map4_html[map4_count] == "{title}")
                      map4_html[map4_count-1] = html;
  
                  var infowindow = new google.maps.InfoWindow({
                      content: html
                  });
  
                  map4_windows[map4_count-1] = infowindow;                
                  google.maps.event.addListener(marker, 'click', function() {
                      infowindow.open(map4_canvas, marker);
                      map4_window = infowindow;
                  });
              }})(); /* End bug fix */
  
          &lt;/script&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>What in the world could I possibly be doing wrong? No matter what I try, the map area just keeps coming up blank.</p>