title: Map doesn't get displayed Google Maps API V3
body: <p>Code with V3 API.</p>
  
  <pre class="lang-js prettyprint-override"><code>function initialize ()
  {
      if (GBrowserIsCompatible()) 
      { 
          var ch = new GLatLng (0,0);
  
          var myOptions = {
              zoom:7,
              center: ch,
              mapTypeId: google.maps.MapTypeId.ROADMAP
          }
  
          map = new google.maps.Map(document.getElementById("map"), myOptions);
  
          directionsDisplay = new google.maps.DirectionsRenderer(map, document.getElementById("map"));
          directionsDisplay.setMap(map);                  
      }
  }
  </code></pre>
  
  <p>Code with V2 API.</p>
  
  <pre class="lang-js prettyprint-override"><code>function initialize ()
  {
       if (GBrowserIsCompatible()) 
       { 
           map = new GMap2 (document.getElementById("map"));
           map.setCenter (new GLatLng(0,0),1 );
       }
  }
  </code></pre>
  
  <p>The V2 API code worked flawlessly, the V3 API code is NOt displaying any map.
  What's the point that I am missing?</p>
  
  <p><strong>EDIT</strong>
  Modified the V3 code as follows, but still no maps:</p>
  
  <pre class="lang-js prettyprint-override"><code>var chicago = new google.maps.LatLng (0, 0);
  
  var myOptions = {
      zoom:1,
      center: chicago,
      mapTypeId: google.maps.MapTypeId.ROADMAP
  }
  
  map = new google.maps.Map(document.getElementById("map"), myOptions);
  </code></pre>