<html><body><div style="color:#000; background-color:#fff; font-family:arial, helvetica, sans-serif;font-size:10pt"><div><span>Hi,</span></div><div><span><br></span></div><div><span>Thanks for the example.....it kind of works, but the map is dark blue, and my layers are not displayed!</span></div><div><span><br></span></div><div><span>cheers,</span></div><div><span><br></span></div><div><span>Rob</span></div><div><span><br></span></div><div><span><br></span></div><div><span><br></span></div><div><br></div>  <div style="font-size: 10pt; font-family: arial, helvetica, sans-serif; "> <div style="font-size: 12pt; font-family: 'times new roman', 'new york', times, serif; "> <div dir="ltr"> <font size="2" face="Arial"> <hr size="1">  <b><span style="font-weight:bold;">Von:</span></b> Andrew Stewart &lt;Andrew.Stewart@reddeer.ca&gt;<br> <b><span style="font-weight: bold;">An:</span></b> 'Robert Buckley' &lt;robertdbuckley@yahoo.com&gt; <br><b><span
 style="font-weight: bold;">Cc:</span></b> "users@geoext.org" &lt;users@geoext.org&gt; <br> <b><span style="font-weight: bold;">Gesendet:</span></b> 16:08 Mittwoch, 22.Februar 2012<br> <b><span style="font-weight: bold;">Betreff:</span></b> RE: [Users] Add overview map to mappanel<br> </font> </div> <br><div id="yiv30351901">

 
 
<div>
<div><font size="2" face="Arial"><span class="yiv30351901132080415-22022012">First make a new 
window to hold the overview map, put the function as the listener for 
"after_layout". Here is how I declare mine -</span></font></div>
<div><font size="2" face="Arial"><span class="yiv30351901132080415-22022012"></span></font><font size="2" face="Arial"></font>&nbsp;</div>
<div><font size="2" face="Arial"></font>&nbsp;</div>
<div><font size="2" face="Arial">overview_window = new 
Ext.Window({<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; title: "Overview 
Window",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; bodyBorder: 
false,<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; closeAction: 
"hide",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; collapsible: 
true,<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; titleCollapse: 
true,<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; width: 
200,<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; resizable: 
false,<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; closable: 
false,<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; html: '&lt;div 
id="overviewmap"&gt;&lt;/div&gt;',<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
listeners: 
{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
afterlayout: 
{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
fn: 
addOverview,<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
single: 
true<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
}<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }<br>&nbsp;&nbsp;&nbsp; 
});<br>&nbsp;&nbsp;&nbsp; overview_window.show();<br>&nbsp;&nbsp;&nbsp; 
overview_window.alignTo(document.body, "bl", [10, -125]);<br>&nbsp;&nbsp;&nbsp; 
<br>&nbsp;&nbsp;&nbsp; function addOverview() {<br>&nbsp;&nbsp;&nbsp; var b = 
{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; div: 
Ext.get("overviewmap"),<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
mapOptions: 
{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
maxResolution: 
190,<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
minResolution: 
190,<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
numZoomLevels: 1<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; id: 
"overview_map",<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; layers: 
[layer_Overview.clone()]<br>&nbsp;&nbsp;&nbsp; 
},<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; a = new 
OpenLayers.Control.OverviewMap(b);<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
a.isSuitableOverview = function () 
{<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; return 
true<br>&nbsp;&nbsp;&nbsp; };<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
map.addControl(a) <br>&nbsp;&nbsp;&nbsp; }</font></div>
<div><font color="#0000ff" size="2" face="Arial"></font>&nbsp;</div>
<div><font color="#0000ff" size="2" face="Arial"></font>&nbsp;</div>
<div>
<hr tabindex="-1">
<font size="2" face="Tahoma"><b>From:</b> users-bounces@geoext.org 
[mailto:users-bounces@geoext.org] <b>On Behalf Of </b>Robert 
Buckley<br><b>Sent:</b> February 22, 2012 12:30 AM<br><b>To:</b> 
users@geoext.org<br><b>Subject:</b> [Users] Add overview map to 
mappanel<br></font><br></div>

<div style="background-color: rgb(255, 255, 255); color: rgb(0, 0, 0); font-size: 10pt; font-family: arial, helvetica, sans-serif; ">
<div>Hi,</div>
<div><br></div>
<div>I want to add an overviewmap with an rectangle showing the current extent 
of the mappanel and one wms layer as reference.</div>
<div><br></div>
<div>I read this...</div>
<div><br></div>
<div><a rel="nofollow" target="_blank" href="http://www.geoext.org/pipermail/users/2010-February/000593.html">http://www.geoext.org/pipermail/users/2010-February/000593.html</a>&nbsp;<br></div>
<div><br></div>
<div>But cannot see where the following should be place...</div>
<div><br></div>
<div><br></div>
<div><pre><i>addOverview: = function() {</i></pre><pre><i>                 var mapOptions = {
</i><i>                     maxExtent: new OpenLayers.Bounds(180000, 397000,200000,
</i><i> 414000),
</i><i>                     maxResolution: 500,
</i><i>                     projection: "EPSG:28992",
</i><i>                     units: "m"
</i><i>                 };</i></pre><pre><i><br></i></pre><pre><i><br></i></pre><pre><span>..is this part of a panel, or the mappanel?</span></pre><pre><span><br></span></pre><pre>does anyone know where this should go...or is there a better method to produce a simple yet effective overview map?</pre><pre><span><br></span></pre><pre><span>Rob</span></pre></div></div>
<div>
<div>
</div><hr>
[This message has been scanned for security content threats and 
viruses.]<br><br>[The City of Red Deer I.T. Services asks that you please 
consider the environment before printing this e-mail.]<br>
<div></div></div>
<div><div></div><hr>
This e-mail is intended for the original recipient(s) only. If you have received it in error, please advise the sender and delete this message.
<div></div></div>
</div>
</div><br><br> </div> </div>  </div></body></html>