title: Google Maps v3 OverlayView.getProjection()
body: <p>I cannot seem to figure out why the object returned by getProjection() is undefined. Here is my code: </p>
  
  <pre><code> // Handles the completion of the rectangle
    var ne = recBounds.getNorthEast();
    var sw = recBounds.getSouthWest();
    $("#map_tools_selat").attr( 'value', sw.lat() );
    $("#map_tools_nwlat").attr( 'value', ne.lat() );
    $("#map_tools_selng").attr( 'value', ne.lng() );
    $("#map_tools_nwlng").attr( 'value', sw.lng() );
  
    // Set Zoom Level
    $("#map_tools_zoomlevel").attr( 'value', HAR.map.getZoom()+1 );
    document.getElementById("map_tools_centerLat").value = HAR.map.getCenter().lat();
    document.getElementById("map_tools_centerLong").value = HAR.map.getCenter().lng(); 
  
    // All this junk below is for getting pixel coordinates for a lat/lng  =/
    MyOverlay.prototype = new google.maps.OverlayView();
    MyOverlay.prototype.onAdd = function() { }
    MyOverlay.prototype.onRemove = function() { }
    MyOverlay.prototype.draw = function() { }
    function MyOverlay(map) { this.setMap(map); }
    var overlay = new MyOverlay(HAR.map);
    var projection = overlay.getProjection();
    // END - all the junk
    var p = projection.fromLatLngToContainerPixel(recBounds.getCenter());
    alert(p.x+", "+p.y);
  </code></pre>
  
  <p>My error is: <strong>Cannot call method 'fromLatLngToContainerPixel' of undefined</strong></p>