HTML canvas as Overlayview on Google Maps

Question

Are there any examples of google maps that have one large canvas as an overlayview. I can hardly position the canvas whenever the image is scaled or pans.

Answer 1

Try the map snap method, get the northeast and southwest view of the map you are currently viewing and use the js function to change the overlay on each zoom to dynamically change the position.

mapBound = map.getBounds(); northEndOfMap =mapBound.getNorthEast(); 

and get the map scale map.getZoom ();
See http://code.google.com/apis/maps/documentation/javascript/reference.html#Map

Answer 2

Check out the CanvasLayer library, which basically takes all of this into account as a reference implementation.