title: Google map error: a is null
body: <p>I have a program that I want to use google maps for. The problem is I get an error that says a is null where a is a var used in the google map api. Here is how I call my google map:</p>
  
  <pre><code>//Creates a new center location for the google map
      var latlng = new google.maps.LatLng(centerLatitude, centerLongitude);
  
      //The options for the google map
      var myOptions = {
          zoom: 7,
          maxZoom: 12,
          center: latlng,
          mapTypeId: google.maps.MapTypeId.ROADMAP
      };
  
      //Creates the new map
      var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
  </code></pre>
  
  <p>And here is what my HTML tag looks like: </p>
  
  <pre><code>&lt;div id = "map_canvas"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>I get the lat and lng on page load through the url. These values are passed in correctly so I know that is not the problem. I think that it has to do with the <code>var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);</code> not being correct. Any suggestions?</p>
  
  <p>EDIT: Here is the error message:</p>
  
  <blockquote>
    <p>a is null
    fromLatLngToPoint(a=null) 
    yg(a=null, b=Object { zoom=7, maxZoom=12, more...})
    d(d=Document Default.aspx?lat=30.346317&amp;lng=105.46313, f=[function()])
    d(a=undefined)
    d()
    [Break On This Error] function Qf(a){a=a.f[9];return a!=i?a:...);function sg(a){a[ic]&amp;&amp;a[ic]Vb}</p>
  </blockquote>