define a region in google maps jquery plug in

Question

hello my friends,

i put this plug in into my website, how i do define a region and restrict visitors to can not going out of ?

I don't have access http://code.google.com for political reasons. please help me in your answer and don't Refers to that!

thank advance

Answer 1

The following example will limit the panning of the map to predefined bounds, if that is what you intend doing:

// Bounds for North America
var allowedBounds = new GLatLngBounds(new GLatLng(48.19, -127.52), 
                                      new GLatLng(28.72, -68.81));

function checkBounds() { 
    if (allowedBounds.contains(map.getCenter())) {
        return;
    }

    var c = map.getCenter();
    var x = c.lng();
    var y = c.lat();
    var maxX = allowedBounds.getNorthEast().lng();
    var maxY = allowedBounds.getNorthEast().lat();
    var minX = allowedBounds.getSouthWest().lng();
    var minY = allowedBounds.getSouthWest().lat();

    if (x < minX) { x = minX; }
    if (x > maxX) { x = maxX; }
    if (y < minY) { y = minY; }
    if (y > maxY) { y = maxY; }

    map.setCenter(new GLatLng(y, x));
}

GEvent.addListener(map, "move", function() { checkBounds(); });