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">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">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">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>