title: Html 5 canvas getElementById() returns null/undefined
body: <p>here's the code:</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;body onload="initializeMap()"&gt;
      &lt;div id="map_canvas" style="width:100%; height:100%; z-index:1"&gt;&lt;/div&gt;
      &lt;canvas id="control" style="width:100%; height:100%; z-index:2"&gt;Does Not Support Canvas Element&lt;/canvas&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>Javascript:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
      var canvas = document.getElementById('control');
      var context = canvas.getContext('2d');
  
      function draw(){
          context.font = "bold 12px sans-serif";
          context.fillText("x", 248, 43);
      }
  &lt;/script&gt;
  </code></pre>
  
  <p>the draw function is called after initialization of the google map so the DOM should have already loaded by then, correct? What might have I done incorrectly?</p>