It is actually possible to place your top left corner at 0,0 and your bottom right at 50,50, if you want this. Of course you can place bottom right corner at 10,10, too, or whatever, within the limits: -90/+90 for latitude and -180/+180 for longitude.
The proportion should be:
/*
******************************************
Custom Projection - CARTESIAN
******************************************
*/
function CartesianProjection() {
// map size at zoom 0 is equal to tile size
this.tileSize = 256;
};
CartesianProjection.prototype.fromLatLngToPoint = function(latLng) {
var x = (latLng.lng() / 50) * this.tileSize;
var y = (latLng.lat() / 50) * this.tileSize;
return new google.maps.Point(x, y);
};
CartesianProjection.prototype.fromPointToLatLng = function(point, noWrap) {
var lng = (point.x / this.tileSize) * 50;
var lat = (point.y / this.tileSize) * 50;
return new google.maps.LatLng(lat, lng, noWrap);
};
Then you should place the center of the map to LatLng(25,25) in the Map options.
Best Answer
Try using CSS:
#map-canvas div { cursor: pointer !important }