title: Google Maps API Marker Not Working
body: <p>I am trying to simply get a marker to display. I'm using Google's examples as a guide because this is the first time I am using Google Maps API. I can't find any syntax problems with the code below. Why is it not loading the marker?</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt; 
  &lt;head&gt; 
  &lt;meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"&gt;
  &lt;style type="text/css"&gt;
        html { height: 100% }
        body { height: 100%; margin: 0px; padding: 0px }
        #map_canvas { height: 100%; z-index: 0;}
        #gmnoprint {width: auto;}
  &lt;/style&gt;
  &lt;meta http-equiv="content-type" content="text/html; charset=utf-8"/&gt; 
  &lt;title&gt;Google Map of Floor Plan&lt;/title&gt; 
  &lt;script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"&gt;&lt;/script&gt;
  &lt;script&gt;
  function CustomMapType() {
  }
  CustomMapType.prototype.tileSize = new google.maps.Size(256,256);
  CustomMapType.prototype.maxZoom = 4;
  CustomMapType.prototype.getTile = function(coord, zoom, ownerDocument) {
      var div = ownerDocument.createElement('DIV');
      var baseURL = 'C:/Temp';
      baseURL += zoom + '_' + coord.x + '_' + coord.y + '.png';
      div.style.width = this.tileSize.width + 'px';
      div.style.height = this.tileSize.height + 'px';
      div.style.backgroundColor = '#1B2D33';
      div.style.backgroundImage = 'url(' + baseURL + ')';
      return div;
  };
  
  CustomMapType.prototype.name = "Custom";
  CustomMapType.prototype.alt = "Tile Coordinate Map Type";
  var map;
  var CustomMapType = new CustomMapType();
  function initialize() {
      var myLatlng = new google.maps.LatLng(65, -56);
      var mapOptions = {
          minZoom: 0,
          maxZoom: 4,
          isPng: true,
          mapTypeControl: false,
          streetViewControl: false,
          center: new google.maps.LatLng(65.07,-56.08),     
          zoom: 3,
          mapTypeControlOptions: {
          mapTypeIds: ['custom', google.maps.MapTypeId.ROADMAP],
          style: google.maps.MapTypeControlStyle.DROPDOWN_MENU
          }
      };
      var marker = new google.maps.Marker({
          position: myLatlng,
          map: map,
          title: 'Hello World'
      });
  
      map = new google.maps.Map(document.getElementById("map_canvas"),mapOptions);
      map.mapTypes.set('custom',CustomMapType);
      map.setMapTypeId('custom');
  }
  
  google.maps.event.addDomListener(window, 'load', initialize);
  
  &lt;/script&gt;
  &lt;/head&gt; 
  &lt;body onload="initialize()"&gt; 
  &lt;div id="map_canvas" style="background: #1B2D33;"&gt;&lt;/div&gt; 
  &lt;/body&gt;
  &lt;/html&gt; 
  </code></pre>