ashatora/openlayers
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Give the map a restrictedExtent property. Setting this property to some bounds causes map navigation to be limited to those bounds. Depending on the resolution settings, the viewport may still display area outside the restricted extent - though it will be centered on the restricted extent in that case. Using a combination of restrictedExtent and maxResolution, you can limit map navigation to the extent of your data (or any arbitrary extent). See the restricted-extent.html example (closes #340).

Browse Source 
git-svn-id: http://svn.openlayers.org/trunk/openlayers@4261 dc9f47b5-9b13-0410-9fdd-eb0c1a62fdaf
This commit is contained in:
Tim Schaub
2007-09-13 15:27:35 +00:00
parent 1368cb64e5
commit 68472d888b
3 changed files with 216 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

98
tests/test_Map.html
View File

@@ -472,6 +472,102 @@
t.ok( newNumControls == oldNumControls, "removing bad controlid doesnt crash or decrease control count")
}
function test_Map_restrictedExtent(t) {
t.plan(24);
var extent = new OpenLayers.Bounds(-180, -90, 180, 90);
var options = {
maxResolution: "auto"
};
var map = new OpenLayers.Map("map", options);
var layer = new OpenLayers.Layer.WMS(
"test",
"http://octo.metacarta.com/cgi-bin/mapserv?",
{map: "/mapdata/vmap_wms.map", layers: "basic"}
);
map.addLayer(layer);
map.zoomToMaxExtent();
var nw = new OpenLayers.LonLat(extent.left, extent.top);
var ne = new OpenLayers.LonLat(extent.right, extent.top);
var sw = new OpenLayers.LonLat(extent.left, extent.bottom);
var se = new OpenLayers.LonLat(extent.right, extent.bottom);
// try panning to northwest corner
map.setOptions({restrictedExtent: extent});
map.setCenter(nw, 0);
t.eq(map.getExtent().getCenterLonLat().toString(),
extent.getCenterLonLat().toString(),
"map extent properly restricted to northwest at zoom 0");
t.eq(map.zoom, 0, "zoom not restricted for nw, 0");
map.setCenter(nw, 5);
t.eq(map.getExtent().top, extent.top,
"map extent top properly restricted to northwest at zoom 5");
t.eq(map.getExtent().left, extent.left,
"map extent left properly restricted to northwest at zoom 5");
t.eq(map.zoom, 5, "zoom not restricted for nw, 5");
map.setOptions({restrictedExtent: null});
map.setCenter(nw, 0);
t.eq(map.getExtent().getCenterLonLat().toString(),
nw.toString(),
"map extent not restricted with null restrictedExtent for nw");
// try panning to northeast corner
map.setOptions({restrictedExtent: extent});
map.setCenter(ne, 0);
t.eq(map.getExtent().getCenterLonLat().toString(),
extent.getCenterLonLat().toString(),
"map extent properly restricted to northeast at zoom 0");
t.eq(map.zoom, 0, "zoom not restricted for ne, 0");
map.setCenter(ne, 5);
t.eq(map.getExtent().top, extent.top,
"map extent top properly restricted to northeast at zoom 5");
t.eq(map.getExtent().right, extent.right,
"map extent right properly restricted to northeast at zoom 5");
t.eq(map.zoom, 5, "zoom not restricted for ne, 5");
map.setOptions({restrictedExtent: null});
map.setCenter(ne, 0);
t.eq(map.getExtent().getCenterLonLat().toString(),
ne.toString(),
"map extent not restricted with null restrictedExtent for ne");
// try panning to southwest corner
map.setOptions({restrictedExtent: extent});
map.setCenter(sw, 0);
t.eq(map.getExtent().getCenterLonLat().toString(),
extent.getCenterLonLat().toString(),
"map extent properly restricted to southwest at zoom 0");
t.eq(map.zoom, 0, "zoom not restricted for sw, 0");
map.setCenter(sw, 5);
t.eq(map.getExtent().bottom, extent.bottom,
"map extent bottom properly restricted to southwest at zoom 5");
t.eq(map.getExtent().left, extent.left,
"map extent left properly restricted to southwest at zoom 5");
t.eq(map.zoom, 5, "zoom not restricted for sw, 5");
map.setOptions({restrictedExtent: null});
map.setCenter(sw, 0);
t.eq(map.getExtent().getCenterLonLat().toString(),
sw.toString(),
"map extent not restricted with null restrictedExtent for sw");
// try panning to southeast corner
map.setOptions({restrictedExtent: extent});
map.setCenter(se, 0);
t.eq(map.getExtent().getCenterLonLat().toString(),
extent.getCenterLonLat().toString(),
"map extent properly restricted to southeast at zoom 0");
t.eq(map.zoom, 0, "zoom not restricted for se, 0");
map.setCenter(se, 5);
t.eq(map.getExtent().bottom, extent.bottom,
"map extent bottom properly restricted to southeast at zoom 5");
t.eq(map.getExtent().right, extent.right,
"map extent right properly restricted to southeast at zoom 5");
t.eq(map.zoom, 5, "zoom not restricted for se, 5");
map.setOptions({restrictedExtent: null});
map.setCenter(se, 0);
t.eq(map.getExtent().getCenterLonLat().toString(),
se.toString(),
"map extent not restricted with null restrictedExtent for se");
}
function test_99_Map_destroy (t) {
t.plan( 3 );
map = new OpenLayers.Map('map');
@@ -484,6 +580,6 @@
</script>
</head>
<body>
<div id="map" style="width: 1080px; height: 600px;"/>
<div id="map" style="width: 600px; height: 300px;"/>
</body>
</html>