<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns="http://www.w3.org/TR/REC-html40">
<head>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=us-ascii">
<meta name=Generator content="Microsoft Word 11 (filtered medium)">
<!--[if !mso]>
<style>
v\:* {behavior:url(#default#VML);}
o\:* {behavior:url(#default#VML);}
w\:* {behavior:url(#default#VML);}
.shape {behavior:url(#default#VML);}
</style>
<![endif]-->
<style>
<!--
/* Font Definitions */
@font-face
{font-family:Tahoma;
panose-1:2 11 6 4 3 5 4 4 2 4;}
@font-face
{font-family:Calibri;
panose-1:2 15 5 2 2 2 4 3 2 4;}
/* Style Definitions */
p.MsoNormal, li.MsoNormal, div.MsoNormal
{margin:0in;
margin-bottom:.0001pt;
font-size:12.0pt;
font-family:"Times New Roman";}
a:link, span.MsoHyperlink
{color:blue;
text-decoration:underline;}
a:visited, span.MsoHyperlinkFollowed
{color:blue;
text-decoration:underline;}
p
{mso-margin-top-alt:auto;
margin-right:0in;
mso-margin-bottom-alt:auto;
margin-left:0in;
font-size:12.0pt;
font-family:"Times New Roman";}
span.EmailStyle18
{mso-style-type:personal-reply;
font-family:Arial;
color:blue;
font-weight:normal;
font-style:normal;
text-decoration:none none;}
@page Section1
{size:8.5in 11.0in;
margin:1.0in 1.25in 1.0in 1.25in;}
div.Section1
{page:Section1;}
-->
</style>
</head>
<body lang=EN-US link=blue vlink=blue>
<div class=Section1>
<p class=MsoNormal><font size=3 color=blue face=Arial><span style='font-size:
12.0pt;font-family:Arial;color:blue'>I’m just learning OpenLayers also but
I believe that the map settings you are trying to change are for setting up the
map.<o:p></o:p></span></font></p>
<p class=MsoNormal><font size=3 color=blue face=Arial><span style='font-size:
12.0pt;font-family:Arial;color:blue'><o:p> </o:p></span></font></p>
<p class=MsoNormal><font size=3 color=blue face=Arial><span style='font-size:
12.0pt;font-family:Arial;color:blue'>See: <a
href="http://trac.osgeo.org/openlayers/wiki/SettingZoomLevels">http://trac.osgeo.org/openlayers/wiki/SettingZoomLevels</a>
<o:p></o:p></span></font></p>
<p class=MsoNormal><font size=3 color=blue face=Arial><span style='font-size:
12.0pt;font-family:Arial;color:blue'><o:p> </o:p></span></font></p>
<p class=MsoNormal><font size=3 color=blue face=Arial><span style='font-size:
12.0pt;font-family:Arial;color:blue'>This may be off base but you might try is
removing the resolutions from the resolutions array which exceed your max_resolution.
<o:p></o:p></span></font></p>
<p class=MsoNormal><font size=3 color=blue face=Arial><span style='font-size:
12.0pt;font-family:Arial;color:blue'><o:p> </o:p></span></font></p>
<p class=MsoNormal><font size=3 color=blue face=Arial><span style='font-size:
12.0pt;font-family:Arial;color:blue'>I think this might restrict the zooming.<o:p></o:p></span></font></p>
<p class=MsoNormal><font size=3 color=blue face=Arial><span style='font-size:
12.0pt;font-family:Arial;color:blue'><o:p> </o:p></span></font></p>
<p class=MsoNormal><font size=3 color=blue face=Arial><span style='font-size:
12.0pt;font-family:Arial;color:blue'>This is just a guess from some things I’ve
learned.<o:p></o:p></span></font></p>
<p class=MsoNormal><font size=3 color=blue face=Arial><span style='font-size:
12.0pt;font-family:Arial;color:blue'><o:p> </o:p></span></font></p>
<p class=MsoNormal><font size=3 color=blue face=Arial><span style='font-size:
12.0pt;font-family:Arial;color:blue'>Hopefully someone with more experience
will have a more definite answer.<o:p></o:p></span></font></p>
<p class=MsoNormal><font size=3 color=blue face=Arial><span style='font-size:
12.0pt;font-family:Arial;color:blue'><o:p> </o:p></span></font></p>
<p class=MsoNormal><font size=3 color=blue face=Arial><span style='font-size:
12.0pt;font-family:Arial;color:blue'><o:p> </o:p></span></font></p>
<p class=MsoNormal><font size=3 color=blue face=Arial><span style='font-size:
12.0pt;font-family:Arial;color:blue'>Worth<o:p></o:p></span></font></p>
<p class=MsoNormal><font size=3 color=blue face=Arial><span style='font-size:
12.0pt;font-family:Arial;color:blue'><o:p> </o:p></span></font></p>
<div>
<div class=MsoNormal align=center style='text-align:center'><font size=3
face="Times New Roman"><span style='font-size:12.0pt'>
<hr size=2 width="100%" align=center tabindex=-1>
</span></font></div>
<p class=MsoNormal><b><font size=2 face=Tahoma><span style='font-size:10.0pt;
font-family:Tahoma;font-weight:bold'>From:</span></font></b><font size=2
face=Tahoma><span style='font-size:10.0pt;font-family:Tahoma'>
openlayers-users-bounces@lists.osgeo.org
[mailto:openlayers-users-bounces@lists.osgeo.org] <b><span style='font-weight:
bold'>On Behalf Of </span></b>Bruce Mahfood<br>
<b><span style='font-weight:bold'>Sent:</span></b> Monday, March 25, 2013 2:12
PM<br>
<b><span style='font-weight:bold'>To:</span></b>
openlayers-users@lists.osgeo.org<br>
<b><span style='font-weight:bold'>Subject:</span></b> [OpenLayers-Users] FW:
[OpenLayers-Dev] OpenLayer Map restrictpanning and zooming</span></font><o:p></o:p></p>
</div>
<p class=MsoNormal><font size=3 face="Times New Roman"><span style='font-size:
12.0pt'><o:p> </o:p></span></font></p>
<div>
<p class=MsoNormal><font size=3 face=Calibri><span style='font-size:12.0pt;
font-family:Calibri'>I am new to OpenLayers, and am trying to figure out how to
restrict the amount that a user can pan around and zoom outward. For this
application, the user chooses a local area in the map and clicks a button
saying to use that area, and we want them not to be able to pan outside of or
zoom out greater than that extent. When the button is clicked, I am setting the
maxRestrictedExtent to the current extent using map.GetExtent(), and I am
setting the maxResolution to the current resolution by calling map.getResolution().
Panning works perfectly, but zooming doesn't. The user is still able to zoom
out passed the given resolution.<o:p></o:p></span></font></p>
<div>
<div>
<div>
<p class=MsoNormal><font size=3 face=Calibri><span style='font-size:12.0pt;
font-family:Calibri'><o:p> </o:p></span></font></p>
</div>
<div>
<p class=MsoNormal><font size=3 face=Calibri><span style='font-size:12.0pt;
font-family:Calibri'>I have added code below which, every time the extent
changes, prints out the current extent and resolution. On the 6th extent change
I set the three map properties listed above and print out the settings. This
allows me to zoom in from full world view to a localized enough area for
testing. Please note, I do not mean to leave this code in here, but
am just catching this to test and see what happens after the change at the 6th
extent.<o:p></o:p></span></font></p>
</div>
<div>
<p class=MsoNormal><font size=3 face=Calibri><span style='font-size:12.0pt;
font-family:Calibri'><o:p> </o:p></span></font></p>
</div>
<div>
<p class=MsoNormal><font size=3 face=Calibri><span style='font-size:12.0pt;
font-family:Calibri'>After the 6th extent change, I zoom out with my mouse
wheel and see the extent and resolution that were chosen. On zooming out with
one click of my mouse wheel, the next printout shows clearly that the resolution
is indeed larger than the setting for map.maxResolution, and I can see that the
viewable area is larger than the one chosen. I have tried a number of things,
including setting maxExtent, but nothing seems to cause the max zoomable extent
to be restricted. I can zoom all the way out to full world view again if I
like.<o:p></o:p></span></font></p>
</div>
<div>
<p class=MsoNormal><font size=3 face=Calibri><span style='font-size:12.0pt;
font-family:Calibri'><o:p> </o:p></span></font></p>
</div>
<div>
<p class=MsoNormal><font size=3 face=Calibri><span style='font-size:12.0pt;
font-family:Calibri'>Below you can see the test code that I have written which
instantiates a map with a Navigation control and an OSM layer, and then
registers for the map's moveend event, creating a callback function that does
what I have described, and finally zooms to max extent.<o:p></o:p></span></font></p>
</div>
<div>
<p class=MsoNormal><font size=3 face=Calibri><span style='font-size:12.0pt;
font-family:Calibri'><o:p> </o:p></span></font></p>
</div>
<div>
<p class=MsoNormal><font size=3 face=Calibri><span style='font-size:12.0pt;
font-family:Calibri'>Does anyone have any idea as to what I should be doing
differently in order to limit the ability to zoom out to the max extent chosen?
I am hoping that I will not have to manually adjust the extent back to within
the max extent, but if that's the case, at least knowing that would help.<o:p></o:p></span></font></p>
</div>
<div>
<p class=MsoNormal><font size=3 face=Calibri><span style='font-size:12.0pt;
font-family:Calibri'><o:p> </o:p></span></font></p>
</div>
<div>
<p class=MsoNormal><font size=3 face=Calibri><span style='font-size:12.0pt;
font-family:Calibri'>P.S. - Unfortunately the whole html isn't shown, since the
<html>, <head>, <title> and <body> tags seem to be
processed, along with their closing tags. The only thing that is really missing
though is that I call init() in the onload event of the body.<o:p></o:p></span></font></p>
</div>
<div>
<p class=MsoNormal><font size=3 face=Calibri><span style='font-size:12.0pt;
font-family:Calibri'><o:p> </o:p></span></font></p>
</div>
<div>
<p class=MsoNormal><font size=3 face=Calibri><span style='font-size:12.0pt;
font-family:Calibri'>P.S.S - I have already posted this on StackOverflow, and
got an answer saying that I needed to defined an array of resolutions, with a
min and max resolution set in the map constructor, and then it should work.
I have added that code into my code below, but that is still not getting
me there. I know I am just around the corner from an answer, but haven't
found it yet. I'm hoping someone reading this list can help me with this.<o:p></o:p></span></font></p>
</div>
<div>
<p class=MsoNormal><font size=3 face=Calibri><span style='font-size:12.0pt;
font-family:Calibri'><o:p> </o:p></span></font></p>
</div>
<div>
<p class=MsoNormal><font size=3 face=Calibri><span style='font-size:12.0pt;
font-family:Calibri'>Thanks...<o:p></o:p></span></font></p>
</div>
<div>
<p class=MsoNormal><font size=3 face=Calibri><span style='font-size:12.0pt;
font-family:Calibri'>Bruce<o:p></o:p></span></font></p>
</div>
<div>
<p class=MsoNormal><font size=3 face=Calibri><span style='font-size:12.0pt;
font-family:Calibri'><o:p> </o:p></span></font></p>
</div>
<div>
<p class=MsoNormal><font size=3 face=Calibri><span style='font-size:12.0pt;
font-family:Calibri'><o:p> </o:p></span></font></p>
</div>
<div>
<p class=MsoNormal><font size=3 face=Calibri><span style='font-size:12.0pt;
font-family:Calibri'>[code]<o:p></o:p></span></font></p>
</div>
<div>
<p class=MsoNormal><font size=3 face=Calibri><span style='font-size:12.0pt;
font-family:Calibri'><o:p> </o:p></span></font></p>
</div>
<div>
<p class=MsoNormal><font size=3 face=Calibri><span style='font-size:12.0pt;
font-family:Calibri'><o:p> </o:p></span></font></p>
</div>
<div>
<div>
<p class=MsoNormal><font size=3 face=Calibri><span style='font-size:12.0pt;
font-family:Calibri'> <style type="text/css"><o:p></o:p></span></font></p>
</div>
<div>
<p class=MsoNormal><font size=3 face=Calibri><span style='font-size:12.0pt;
font-family:Calibri'> html, body { width:
100%; height: 100%; margin: 0; }<o:p></o:p></span></font></p>
</div>
<div>
<p class=MsoNormal><font size=3 face=Calibri><span style='font-size:12.0pt;
font-family:Calibri'> #map { width:
100%; height: 100%; margin: 0; }<o:p></o:p></span></font></p>
</div>
<div>
<p class=MsoNormal><font size=3 face=Calibri><span style='font-size:12.0pt;
font-family:Calibri'> </style><o:p></o:p></span></font></p>
</div>
<div>
<p class=MsoNormal><font size=3 face=Calibri><span style='font-size:12.0pt;
font-family:Calibri'> <script
src="http://www.openlayers.org/api/OpenLayers.js"></script><o:p></o:p></span></font></p>
</div>
<div>
<p class=MsoNormal><font size=3 face=Calibri><span style='font-size:12.0pt;
font-family:Calibri'> <script type="text/javascript"><o:p></o:p></span></font></p>
</div>
<div>
<p class=MsoNormal><font size=3 face=Calibri><span style='font-size:12.0pt;
font-family:Calibri'><o:p> </o:p></span></font></p>
</div>
<div>
<p class=MsoNormal><font size=3 face=Calibri><span style='font-size:12.0pt;
font-family:Calibri'> //Set up a global variable to hold our map
object<o:p></o:p></span></font></p>
</div>
<div>
<p class=MsoNormal><font size=3 face=Calibri><span style='font-size:12.0pt;
font-family:Calibri'> var map;<o:p></o:p></span></font></p>
</div>
<div>
<p class=MsoNormal><font size=3 face=Calibri><span style='font-size:12.0pt;
font-family:Calibri'> var num;<o:p></o:p></span></font></p>
</div>
<div>
<p class=MsoNormal><font size=3 face=Calibri><span style='font-size:12.0pt;
font-family:Calibri'><o:p> </o:p></span></font></p>
</div>
<div>
<p class=MsoNormal><font size=3 face=Calibri><span style='font-size:12.0pt;
font-family:Calibri'> function init(){<o:p></o:p></span></font></p>
</div>
<div>
<p class=MsoNormal><font size=3 face=Calibri><span style='font-size:12.0pt;
font-family:Calibri'> map = new
OpenLayers.Map('map', {<o:p></o:p></span></font></p>
</div>
<div>
<p class=MsoNormal><font size=3 face=Calibri><span style='font-size:12.0pt;
font-family:Calibri'> controls: [],<o:p></o:p></span></font></p>
</div>
<div>
<p class=MsoNormal><font size=3 face=Calibri><span style='font-size:12.0pt;
font-family:Calibri'> minResolution:
0.074645535, // Added per StackOverflow conversation<o:p></o:p></span></font></p>
</div>
<div>
<p class=MsoNormal><font size=3 face=Calibri><span style='font-size:12.0pt;
font-family:Calibri'> maxResolution:
156543.0339 // Added per StackOverflow conversation<o:p></o:p></span></font></p>
</div>
<div>
<p class=MsoNormal><font size=3 face=Calibri><span style='font-size:12.0pt;
font-family:Calibri'> });<o:p></o:p></span></font></p>
</div>
<div>
<p class=MsoNormal><font size=3 face=Calibri><span style='font-size:12.0pt;
font-family:Calibri'> map.addControl(new
OpenLayers.Control.Navigation()); <o:p></o:p></span></font></p>
</div>
<div>
<p class=MsoNormal><font size=3 face=Calibri><span style='font-size:12.0pt;
font-family:Calibri'> // Added the serverResolutions
array below per StackOverflow conversation<o:p></o:p></span></font></p>
</div>
<div>
<p class=MsoNormal><font size=3 face=Calibri><span style='font-size:12.0pt;
font-family:Calibri'> map.addLayer(new
OpenLayers.Layer.OSM({<o:p></o:p></span></font></p>
</div>
<div>
<p class=MsoNormal><font size=3 face=Calibri><span style='font-size:12.0pt;
font-family:Calibri'>
serverResolutions: [156543.0339, 78271.51695, 39135.75848,<o:p></o:p></span></font></p>
</div>
<div>
<p class=MsoNormal><font size=3 face=Calibri><span style='font-size:12.0pt;
font-family:Calibri'>
19567.87923828125, 9783.939619140625, 4891.9698095703125, 2445.9849047851562,<o:p></o:p></span></font></p>
</div>
<div>
<p class=MsoNormal><font size=3 face=Calibri><span style='font-size:12.0pt;
font-family:Calibri'>
1222.9924523925781, 611.4962261962891, 305.74811309814453, 152.87405654907226,<o:p></o:p></span></font></p>
</div>
<div>
<p class=MsoNormal><font size=3 face=Calibri><span style='font-size:12.0pt;
font-family:Calibri'>
76.43702827453613, 38.218514137268066, 19.109257068634033, 9.554628534317017,<o:p></o:p></span></font></p>
</div>
<div>
<p class=MsoNormal><font size=3 face=Calibri><span style='font-size:12.0pt;
font-family:Calibri'>
4.777314267158508, 2.388657133579254, 1.194328566789627, 0.5971642833948135,<o:p></o:p></span></font></p>
</div>
<div>
<p class=MsoNormal><font size=3 face=Calibri><span style='font-size:12.0pt;
font-family:Calibri'>
0.298582142, 0.149291071, 0.074645535<o:p></o:p></span></font></p>
</div>
<div>
<p class=MsoNormal><font size=3 face=Calibri><span style='font-size:12.0pt;
font-family:Calibri'> ]<o:p></o:p></span></font></p>
</div>
<div>
<p class=MsoNormal><font size=3 face=Calibri><span style='font-size:12.0pt;
font-family:Calibri'> }));<o:p></o:p></span></font></p>
</div>
<div>
<p class=MsoNormal><font size=3 face=Calibri><span style='font-size:12.0pt;
font-family:Calibri'><o:p> </o:p></span></font></p>
</div>
<div>
<p class=MsoNormal><font size=3 face=Calibri><span style='font-size:12.0pt;
font-family:Calibri'> // NOTE: added to trap changes
in extent due to pan, zoom, or window/frame resize<o:p></o:p></span></font></p>
</div>
<div>
<p class=MsoNormal><font size=3 face=Calibri><span style='font-size:12.0pt;
font-family:Calibri'> // for
testing purposes.<o:p></o:p></span></font></p>
</div>
<div>
<p class=MsoNormal><font size=3 face=Calibri><span style='font-size:12.0pt;
font-family:Calibri'> map.events.register("moveend",
this, function (e) {<o:p></o:p></span></font></p>
</div>
<div>
<p class=MsoNormal><font size=3 face=Calibri><span style='font-size:12.0pt;
font-family:Calibri'> if (num == 5)<o:p></o:p></span></font></p>
</div>
<div>
<p class=MsoNormal><font size=3 face=Calibri><span style='font-size:12.0pt;
font-family:Calibri'> {<o:p></o:p></span></font></p>
</div>
<div>
<p class=MsoNormal><font size=3 face=Calibri><span style='font-size:12.0pt;
font-family:Calibri'> //
NOTE: added to restrict panning/zooming to extent bounds chosen for the current
scenario<o:p></o:p></span></font></p>
</div>
<div>
<p class=MsoNormal><font size=3 face=Calibri><span style='font-size:12.0pt;
font-family:Calibri'> //
- setting restrictedExtent keeps panning within the bounds, but setting
maxResolution<o:p></o:p></span></font></p>
</div>
<div>
<p class=MsoNormal><font size=3 face=Calibri><span style='font-size:12.0pt;
font-family:Calibri'> //
doesn't help keep the zooming from going out further than the
chosen zoom level /<o:p></o:p></span></font></p>
</div>
<div>
<p class=MsoNormal><font size=3 face=Calibri><span style='font-size:12.0pt;
font-family:Calibri'> //
resolution.<o:p></o:p></span></font></p>
</div>
<div>
<p class=MsoNormal><font size=3 face=Calibri><span style='font-size:12.0pt;
font-family:Calibri'>
map.restrictedExtent = map.getExtent();<o:p></o:p></span></font></p>
</div>
<div>
<p class=MsoNormal><font size=3 face=Calibri><span style='font-size:12.0pt;
font-family:Calibri'>
map.maxResolution = map.getResolution();<o:p></o:p></span></font></p>
</div>
<div>
<p class=MsoNormal><font size=3 face=Calibri><span style='font-size:12.0pt;
font-family:Calibri'>
console.log(num++ + ": Setting maxExtent/restrictedExtent: " +
map.maxExtent +<o:p></o:p></span></font></p>
</div>
<div>
<p class=MsoNormal><font size=3 face=Calibri><span style='font-size:12.0pt;
font-family:Calibri'>
"; resolution: " + map.maxResolution);<o:p></o:p></span></font></p>
</div>
<div>
<p class=MsoNormal><font size=3 face=Calibri><span style='font-size:12.0pt;
font-family:Calibri'> }<o:p></o:p></span></font></p>
</div>
<div>
<p class=MsoNormal><font size=3 face=Calibri><span style='font-size:12.0pt;
font-family:Calibri'> else<o:p></o:p></span></font></p>
</div>
<div>
<p class=MsoNormal><font size=3 face=Calibri><span style='font-size:12.0pt;
font-family:Calibri'> {<o:p></o:p></span></font></p>
</div>
<div>
<p class=MsoNormal><font size=3 face=Calibri><span style='font-size:12.0pt;
font-family:Calibri'>
console.log(num++ + ": Changed to extent: " + map.getExtent() +
"; resolution: " + map.getResolution());<o:p></o:p></span></font></p>
</div>
<div>
<p class=MsoNormal><font size=3 face=Calibri><span style='font-size:12.0pt;
font-family:Calibri'> }<o:p></o:p></span></font></p>
</div>
<div>
<p class=MsoNormal><font size=3 face=Calibri><span style='font-size:12.0pt;
font-family:Calibri'> });<o:p></o:p></span></font></p>
</div>
<div>
<p class=MsoNormal><font size=3 face=Calibri><span style='font-size:12.0pt;
font-family:Calibri'><o:p> </o:p></span></font></p>
</div>
<div>
<p class=MsoNormal><font size=3 face=Calibri><span style='font-size:12.0pt;
font-family:Calibri'> num = 0;<o:p></o:p></span></font></p>
</div>
<div>
<p class=MsoNormal><font size=3 face=Calibri><span style='font-size:12.0pt;
font-family:Calibri'> map.zoomToMaxExtent();<o:p></o:p></span></font></p>
</div>
<div>
<p class=MsoNormal><font size=3 face=Calibri><span style='font-size:12.0pt;
font-family:Calibri'> }<o:p></o:p></span></font></p>
</div>
<div>
<p class=MsoNormal><font size=3 face=Calibri><span style='font-size:12.0pt;
font-family:Calibri'> </script><o:p></o:p></span></font></p>
</div>
</div>
<div>
<p class=MsoNormal><font size=3 face=Calibri><span style='font-size:12.0pt;
font-family:Calibri'><o:p> </o:p></span></font></p>
</div>
<div>
<p class=MsoNormal><font size=3 face=Calibri><span style='font-size:12.0pt;
font-family:Calibri'><o:p> </o:p></span></font></p>
</div>
<div>
<p class=MsoNormal><font size=3 face=Calibri><span style='font-size:12.0pt;
font-family:Calibri'>[/code]<o:p></o:p></span></font></p>
</div>
<div>
<p class=MsoNormal><font size=3 face=Calibri><span style='font-size:12.0pt;
font-family:Calibri'><o:p> </o:p></span></font></p>
</div>
</div>
<p class=MsoNormal><font size=3 face=Calibri><span style='font-size:12.0pt;
font-family:Calibri'>_______________________________________________ Dev
mailing list Dev@lists.osgeo.org
http://lists.osgeo.org/mailman/listinfo/openlayers-dev<o:p></o:p></span></font></p>
</div>
</div>
<div class=MsoNormal align=center style='text-align:center'><font size=3
face=Calibri><span style='font-size:12.0pt;font-family:Calibri'>
<hr size=1 width="100%" noshade color="#aca899" align=center>
</span></font></div>
<p class=MsoNormal color="#000000"><font size=3 face=Calibri><span
style='font-size:12.0pt;font-family:Calibri'>No virus found in this message.<br>
Checked by AVG - <a href="http://www.avg.com">www.avg.com</a><br>
Version: 2013.0.2904 / Virus Database: 2641/6201 - Release Date: 03/24/13<o:p></o:p></span></font></p>
</div>
</body>
</html>