title: Google Maps API - Map not showing - no errors
body: <p>I am trying to load a map from the Google API into a div. However, the map is not loaded, and no errors are outputted. This is the code:</p>
  
  <pre><code>// google maps
  
  var geocoder, map;
  function codeAddress(address) {
      geocoder = new google.maps.Geocoder();
      geocoder.geocode( { 'address': address}, function(results, status) {
        if (status == google.maps.GeocoderStatus.OK) {
          var myOptions = {
          zoom: 8,
          center: results[0].geometry.location,
          mapTypeId: google.maps.MapTypeId.ROADMAP
          }
          map = new google.maps.Map(document.getElementById('map_canvas'), myOptions);
  
          var marker = new google.maps.Marker({
              map: map,
              position: results[0].geometry.location
          });
        }
      });
    }
  
  
    google.maps.event.addDomListener(window, 'load', function() {
      codeAddress('" . $location['address'] . " " . $location['zip'] . " " . $location['city'] . " " . $countries[$location['country']] . "');
    });
  </code></pre>
  
  <p>I have been dealing with the problem for quite a long time now, and I am out of ideas.</p>
  
  <p>Anybody of you familiar with the google maps api, who knows what's wrong with my code? My div does exist with the ID: map_canvas.</p>