<meta http-equiv="Content-Type" content="text/html; charset=utf-8"><meta name="ProgId" content="Word.Document"><meta name="Generator" content="Microsoft Word 10"><meta name="Originator" content="Microsoft Word 10"><link rel="File-List" href="file:///C:%5CDOKUME%7E1%5Cadmin%5CLOKALE%7E1%5CTemp%5Cmsohtml1%5C01%5Cclip_filelist.xml"><style>
<!--
 /* Style Definitions */
 p.MsoNormal, li.MsoNormal, div.MsoNormal
        {mso-style-parent:"";
        margin:0cm;
        margin-bottom:.0001pt;
        line-height:150%;
        mso-pagination:widow-orphan;
        mso-layout-grid-align:none;
        punctuation-wrap:simple;
        text-autospace:none;
        font-size:12.0pt;
        mso-bidi-font-size:10.0pt;
        font-family:Arial;
        mso-fareast-font-family:"Times New Roman";
        mso-bidi-font-family:"Times New Roman";}
p.MsoHeader, li.MsoHeader, div.MsoHeader
        {margin:0cm;
        margin-bottom:.0001pt;
        line-height:150%;
        mso-pagination:widow-orphan;
        tab-stops:center 8.0cm right 16.0cm;
        mso-layout-grid-align:none;
        punctuation-wrap:simple;
        text-autospace:none;
        font-size:12.0pt;
        mso-bidi-font-size:10.0pt;
        font-family:Arial;
        mso-fareast-font-family:"Times New Roman";
        mso-bidi-font-family:"Times New Roman";}
@page Section1
        {size:612.0pt 792.0pt;
        margin:70.85pt 70.85pt 2.0cm 70.85pt;
        mso-header-margin:36.0pt;
        mso-footer-margin:36.0pt;
        mso-paper-source:0;}
div.Section1
        {page:Section1;}
-->
</style>

<p class="MsoHeader"><span style="" lang="EN-GB">Your code helped
me a lot and thanks for creating a ticket.</span></p>

<p class="MsoHeader" style="">Many thanks, Nils<br></p>

<br><br><div class="gmail_quote">2010/2/23 Bart van den Eijnden <span dir="ltr">&lt;<a href="mailto:bartvde@osgis.nl">bartvde@osgis.nl</a>&gt;</span><br><blockquote class="gmail_quote" style="margin: 0pt 0pt 0pt 0.8ex; border-left: 1px solid rgb(204, 204, 204); padding-left: 1ex;">
<div style="word-wrap: break-word;">There is a ticket already:<div><br></div><div><a href="http://trac.geoext.org/ticket/202" target="_blank">http://trac.geoext.org/ticket/202</a></div><div><br></div><div>The way I did it until now is:</div>
<div><br></div><div><div>            addOverview: = function() {</div><div>                var mapOptions = {</div><div>                    maxExtent: new OpenLayers.Bounds(180000, 397000,200000, 414000),</div><div>                    maxResolution: 500,</div>
<div>                    projection: &quot;EPSG:28992&quot;,</div><div>                    units: &quot;m&quot;</div><div>                };</div><div>                var controlOptions = {</div><div>                    size: new OpenLayers.Size(150, 100),</div>
<div>                    div: Ext.get(&#39;overviewmap&#39;),</div><div>                    mapOptions: mapOptions,</div><div>                    /* destroy issues in IE to be fixed, workaround for now */</div><div>                    destroy: function() {},</div>
<div>                    layers: [new OpenLayers.Layer.WMS(&quot;overview&quot;, GisArts.WMSOnlineResource, {map: GisArts.MapFileParameter, layers: &#39;gemeentegrens,topografie,straatnamen&#39;}, {buffer: 0, ratio: 1, singleTile: true})]</div>
<div>                };</div><div>                var overview = new OpenLayers.Control.OverviewMap(controlOptions);</div><div>                map.addControl(overview);</div><div>            };</div><div><br></div><div>and then:</div>
<div><div>                region: &#39;east&#39;,</div><div>                xtype: &#39;panel&#39;,</div><div>                layout: &#39;border&#39;,</div><div>                listeners: {&#39;afterlayout&#39;: {fn: addOverview, single: true}},</div>
<div>                items: [</div></div><div>{xtype: &#39;panel&#39;, height: 150, title: &#39;Overzichtskaart&#39;, html: &#39;&lt;div id=&quot;overviewmap&quot; style=&quot;width:100%;height:100%;&quot;&gt;&lt;/div&gt;&#39;, region: &#39;south&#39;}</div>
<div>]</div><div><br></div><div>etc.</div></div><div><br></div><div>Best regards,</div><div>Bart</div><div><div></div><div class="h5"><div><br><div><div>On Feb 23, 2010, at 7:06 PM, Matt Priour wrote:</div><br><blockquote type="cite">

<div style="padding-right: 10px; padding-left: 10px; padding-top: 15px;" name="Compose message area">
<div><font face="Arial" size="2">if you want an overview map in an extjs panel 
separate from the main map panel, I&#39;m fairly certain that you would need to 
instead instantiate a new map panel with the overlay layers and hook up the main 
map pan &amp; zoom events to make appropriate changes to the overview 
map.</font></div>
<div><font face="Arial" size="2"></font> </div>
<div><font face="Arial" size="2">This may be a good idea for a new widget. If others 
are interested in such functionality, I can file a ticket.</font></div>
<div><font face="Arial" size="2"></font> </div>
<div><font face="Arial" size="2">Matt Priour</font></div>
<div style="font: 10pt Tahoma;">
<div><br></div>
<div style="background: none repeat scroll 0% 0% rgb(245, 245, 245);">
<div><b>From:</b> <a title="nik1166@googlemail.com" href="mailto:nik1166@googlemail.com" target="_blank">Nils Krueger</a> </div>
<div><b>Sent:</b> Tuesday, February 23, 2010 11:39 AM</div>
<div><b>To:</b> <a title="users@geoext.org" href="mailto:users@geoext.org" target="_blank">users@geoext.org</a> </div>
<div><b>Subject:</b> [Users] OverviewMap</div></div></div>
<div><br></div>Hello...<br><br>I would like to show the OverviewMap in an own 
suitable panel display.<br>Unfortunately, it doesn’t work. If so, is there any 
example? Or can anybody show me how to do this.<br><br>Thank you for your 
help!<br><br>Nils<br><br>&lt;html&gt;<br>&lt;head&gt;<br>    
&lt;title&gt;OverMap&lt;/title&gt;<br>    &lt;!--link 
rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;<a href="http://extjs.cachefly.net/ext-2.2.1/resources/css/ext-all.css" target="_blank">http://extjs.cachefly.net/ext-2.2.1/resources/css/ext-all.css</a>&quot; 
/--&gt;<br>    &lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; 
href=&quot;./lib/ext/resources/css/ext-all.css&quot; /&gt;<br>    
<br>    &lt;!--script type=&quot;text/javascript&quot; src=&quot;<a href="http://extjs.cachefly.net/builds/ext-cdn-771.js" target="_blank">http://extjs.cachefly.net/builds/ext-cdn-771.js</a>&quot;&gt;&lt;/script--&gt;  
<br>    &lt;script type=&quot;text/javascript&quot; 
src=&quot;./lib/ext/adapter/ext/ext-base.js&quot;&gt;&lt;/script&gt;<br>    
&lt;script type=&quot;text/javascript&quot; 
src=&quot;./lib/ext/ext-all.js&quot;&gt;&lt;/script&gt;<br>    
<br>     &lt;script src=&quot;<a href="http://openlayers.org/api/2.8/OpenLayers.js" target="_blank">http://openlayers.org/api/2.8/OpenLayers.js</a>&quot;&gt;&lt;/script&gt;<br><br>    
<br>    &lt;script src=&quot;./lib/GeoExt/script/GeoExt.js&quot; 
type=&quot;text/javascript&quot;&gt;&lt;/script&gt;<br><br><br>    
&lt;script type=&quot;text/javascript&quot;&gt;<br>    var panel, 
map;<br>    Ext.onReady(function(){<br>    
    <br>        var options_31467 = 
{<br>                
projection:  new 
OpenLayers.Projection(&quot;EPSG:31467&quot;),<br>                
controls: [], 
<br>                
maxExtent: new OpenLayers.Bounds(3336848, 5208708, 3661609, 
5575555),<br>            
    maxResolution: &quot;auto&quot;,<br>    
            numZoomLevels: 
20,<br>            
    units: &#39;m&#39;,<br>        
};<br><br><br>        // create a new 
map<br>        map = new 
OpenLayers.Map(&#39;map&#39;, options_31467);<br>        
<br>        // create base layer 
<br>        var KreiseBW = new 
OpenLayers.Layer.WMS(<br>        
            
&quot;KreiseBW&quot;,<br>            
        &quot;/geoserver/wms&quot;,<br>    
                
{<br>                        
layers: &#39;topp:KreiseBW&#39;,<br>        
                
isBaseLayer:true,<br>                    
}<br>                
    <br>            
    );<br>        
        <br>        
// create overview map<br>        var ovMapLayer = 
new OpenLayers.Layer.WMS(<br>        
    &quot;Kreise&quot;, <br>        
    &quot;/geoserver/wms&quot;, <br>        
    
{<br>                
layers: &#39;topp:BW&#39;,<br>            
}<br>        );<br>    
    <br>        var ovMap = 
{<br>            
mapOptions: 
{<br>                
projection: 
map.getProjection(),<br>                
maxExtent: 
map.getMaxExtent()<br>            
},<br>            layers: 
[ovMapLayer]<br>        
};<br>        <br>    
    //add Layers<br>        
map.addLayer(KreiseBW);<br>        
<br>        //add Controls<br>    
    map.addControl(new 
OpenLayers.Control.LayerSwitcher());<br>        
map.addControl(new OpenLayers.Control.Navigation());<br>    
    map.addControl(new 
OpenLayers.Control.PanZoomBar({zoomWorldIcon: &#39;true&#39;}));<br>    
    <br>        
//map.addControl(new 
OpenLayers.Control.OverviewMap(ovMap));<br>        
<br>        
map.zoomToMaxExtent();<br><br>        //create 
layout<br>        var overmap = new 
Ext.Panel({<br>            title: 
&#39;Overmap&#39;,<br>            // 
???<br>            control: new 
OpenLayers.Control.OverviewMap(ovMap),<br>        
    //items: ovmap, <br>        
    height:150<br>        
});<br><br>        var toc = new 
Ext.Panel({<br>            
title:&#39;TOC&#39;,<br>            html: 
&#39;&amp;lt;empty panel&amp;gt;&#39;,<br>    
        cls:&#39;empty&#39;<br>    
    });<br>        
    <br>        var west = new 
Ext.Panel({<br>                
region:&#39;west&#39;,<br>                
margins:&#39;5 0 5 
5&#39;,<br>                
split:true,<br>                
width: 
210,<br>                
layout:&#39;accordion&#39;,<br>                
items: [overmap, toc]<br>        
});<br><br>        var map_panel = new 
GeoExt.MapPanel({<br>            
region:&#39;center&#39;,<br>            
map: map,<br>        });<br>    
        
<br>        var view = new 
Ext.Viewport({<br>                
layout:&#39;border&#39;,<br>                
items:[west, 
map_panel]<br>            
});<br>        });<br>    
&lt;/script&gt;<br>&lt;/head&gt;<br>&lt;body&gt;<br>&lt;/body&gt;<br>&lt;/html&gt;<br><div>
<br></div><hr><div><br></div>_______________________________________________<br>Users mailing 
list<br><a href="mailto:Users@geoext.org" target="_blank">Users@geoext.org</a><br><a href="http://www.geoext.org/cgi-bin/mailman/listinfo/users" target="_blank">http://www.geoext.org/cgi-bin/mailman/listinfo/users</a><br>
</div>
_______________________________________________<br>Users mailing list<br><a href="mailto:Users@geoext.org" target="_blank">Users@geoext.org</a><br><a href="http://www.geoext.org/cgi-bin/mailman/listinfo/users" target="_blank">http://www.geoext.org/cgi-bin/mailman/listinfo/users</a><br>
</blockquote></div><br></div></div></div></div></blockquote></div><br>