Ok, here is the full code to my map :)<br>
<br>
&lt;html&gt;<br>
    &lt;head&gt;<br>
        &lt;title&gt;GeoExt WMS Browser&lt;/title&gt;<br>
 <br>
        &lt;script type=&quot;text/javascript&quot; src=&quot;<a href="http://maps.google.com/maps/api/js?sensor=false">http://maps.google.com/maps/api/js?sensor=false</a>&quot;&gt;&lt;/script&gt; <br>
        &lt;script src=&quot;./ext-3.2.1/adapter/ext/ext-base.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;<br>
        &lt;script src=&quot;./ext-3.2.1/ext-all.js&quot;  type=&quot;text/javascript&quot;&gt;&lt;/script&gt;<br>
        &lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;./ext-3.2.1/resources/css/ext-all.css&quot;&gt;&lt;/link&gt;<br>
        &lt;!--&lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; 
href=&quot;./ext-3.2.1/resources/css/xtheme-access.css&quot;&gt;&lt;/link&gt;--&gt;<br>
        &lt;script src=&quot;./GeoExt/lib/GeoExt.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;<br>
        &lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;./GeoExt/resources/geoext-all-debug.css&quot;&gt;&lt;/link&gt;<br>
<br>
        &lt;link rel=&quot;stylesheet&quot; href=&quot;<a href="http://openlayers.org/api/theme/default/style.css">http://openlayers.org/api/theme/default/style.css</a>&quot; type=&quot;text/css&quot; /&gt; <br>
        &lt;link rel=&quot;stylesheet&quot; href=&quot;<a href="http://openlayers.org/dev/examples/style.css">http://openlayers.org/dev/examples/style.css</a>&quot; type=&quot;text/css&quot; /&gt; <br>
        &lt;script src=&quot;<a href="http://www.openlayers.org/api/OpenLayers.js">http://www.openlayers.org/api/OpenLayers.js</a>&quot;&gt;&lt;/script&gt; <br>
<br>
        &lt;script type=&quot;text/javascript&quot;&gt;<br>
        Ext.BLANK_IMAGE_URL = &quot;./ext-3.2.1/resources/images/default/s.gif&quot;;<br>
<br>
        Ext.onReady(function() {<br>
<br>
            var ghyb = new OpenLayers.Layer.Google(<br>
                    &quot;Google Hybrid&quot;,<br>
                    {type: google.maps.MapTypeId.HYBRID, numZoomLevels: 20}<br>
                );<br>
<br>
            var gmap = new OpenLayers.Layer.Google(<br>
                    &quot;Google Streets&quot;, // the default<br>
                    {numZoomLevels: 20} <br>
            );<br>
<br>
            var gphy = new OpenLayers.Layer.Google(<br>
                    &quot;Google Physical&quot;,<br>
                    {type: google.maps.MapTypeId.TERRAIN},{visibility: true}<br>
                    // used to be {type: G_PHYSICAL_MAP}<br>
            );<br>
                            <br>
<br>
            var osm = new OpenLayers.Layer.OSM();<br>
<br>
            var all_chn = new OpenLayers.Layer.WMS(<br>
                            &quot;All Points Chinese trans&quot;, 
&quot;<a href="http://10.0.102.11:8080/geoserver/wms">http://10.0.102.11:8080/geoserver/wms</a>&quot;, {layers: &#39;cite:ALL _CHN_NAMES&#39;,
 transparent: true}, {isBaseLayer: false, displayInLayerSwitcher: true, 
visibility: false} <br>
                       ); <br>
                    <br>
            var all_tib = new OpenLayers.Layer.WMS(<br>
                            &quot;All Points Tibetan trans&quot;, 
&quot;<a href="http://10.0.102.11:8080/geoserver/wms">http://10.0.102.11:8080/geoserver/wms</a>&quot;, {layers: &#39;cite:ALL _TIB_NAMES&#39;,
 transparent: true}, {isBaseLayer: false, displayInLayerSwitcher: true, 
visibility: false} <br>
                       );<br>
                    <br>
            var chn_bridges = new OpenLayers.Layer.WMS(<br>
                            &quot;Bridges (Chinese trans)&quot;, 
&quot;<a href="http://10.0.102.11:8080/geoserver/wms">http://10.0.102.11:8080/geoserver/wms</a>&quot;, {layers: &#39;cite:chn_bridges&#39;, 
transparent: true}, {isBaseLayer: false, displayInLayerSwitcher: true, 
visibility: false} <br>
                       );<br>
            <br>
            var tib_bridges = new OpenLayers.Layer.WMS(<br>
                            &quot;Bridges (Tibetan trans)&quot;, 
&quot;<a href="http://10.0.102.11:8080/geoserver/wms">http://10.0.102.11:8080/geoserver/wms</a>&quot;, {layers: &#39;cite:tib_bridges&#39;, 
transparent: true}, {isBaseLayer: false, displayInLayerSwitcher: true, 
visibility: false} <br>
                       );<br>
                    <br>
            var chn_countys = new OpenLayers.Layer.WMS(<br>
                            &quot;Counties (Chinese trans)&quot;, 
&quot;<a href="http://10.0.102.11:8080/geoserver/wms">http://10.0.102.11:8080/geoserver/wms</a>&quot;, {layers: &#39;cite:chn_countys&#39;, 
transparent: true}, {isBaseLayer: false, displayInLayerSwitcher: true, 
visibility: false} <br>
                       );<br>
                    <br>
            var tib_countys = new OpenLayers.Layer.WMS(<br>
                            &quot;Counties (Tibetan trans)&quot;, 
&quot;<a href="http://10.0.102.11:8080/geoserver/wms">http://10.0.102.11:8080/geoserver/wms</a>&quot;, {layers: &#39;cite:tib_countys&#39;, 
transparent: true}, {isBaseLayer: false, displayInLayerSwitcher: true, 
visibility: false} <br>
                       );<br>
                    <br>
            var chn_farms = new OpenLayers.Layer.WMS(<br>
                            &quot;Farms (Chinese trans)&quot;, 
&quot;<a href="http://10.0.102.11:8080/geoserver/wms">http://10.0.102.11:8080/geoserver/wms</a>&quot;, {layers: &#39;cite:chn_farms&#39;, 
transparent: true}, {isBaseLayer: false, displayInLayerSwitcher: true, 
visibility: false} <br>
                       );<br>
                    <br>
            var tib_farms = new OpenLayers.Layer.WMS(<br>
                            &quot;Farms (Tibetan trans)&quot;, 
&quot;<a href="http://10.0.102.11:8080/geoserver/wms">http://10.0.102.11:8080/geoserver/wms</a>&quot;, {layers: &#39;cite:tib_farms&#39;, 
transparent: true}, {isBaseLayer: false, displayInLayerSwitcher: true, 
visibility: false} <br>
                       );<br>
                    <br>
            var chn_glaciers = new OpenLayers.Layer.WMS(<br>
                            &quot;Glaciers (Chinese trans)&quot;, 
&quot;<a href="http://10.0.102.11:8080/geoserver/wms">http://10.0.102.11:8080/geoserver/wms</a>&quot;, {layers: &#39;cite:chn_glaciers&#39;, 
transparent: true}, {isBaseLayer: false, displayInLayerSwitcher: true, 
visibility: false} <br>
                       );<br>
                    <br>
            var tib_glaciers = new OpenLayers.Layer.WMS(<br>
                            &quot;Glaciers (Tibetan trans)&quot;, 
&quot;<a href="http://10.0.102.11:8080/geoserver/wms">http://10.0.102.11:8080/geoserver/wms</a>&quot;, {layers: &#39;cite:tib_glaciers&#39;, 
transparent: true}, {isBaseLayer: false, displayInLayerSwitcher: true, 
visibility: false} <br>
                       );<br>
                    <br>
            var chn_grazing = new OpenLayers.Layer.WMS(<br>
                            &quot;Grazing Points (Chinese trans)&quot;, 
&quot;<a href="http://10.0.102.11:8080/geoserver/wms">http://10.0.102.11:8080/geoserver/wms</a>&quot;, {layers: 
&#39;cite:chn_grazing_points&#39;, transparent: true}, {isBaseLayer: false, 
displayInLayerSwitcher: true, visibility: false} <br>
                       );<br>
                    <br>
            var tib_grazing = new OpenLayers.Layer.WMS(<br>
                            &quot;Grazing Points (Tibetan trans)&quot;, 
&quot;<a href="http://10.0.102.11:8080/geoserver/wms">http://10.0.102.11:8080/geoserver/wms</a>&quot;, {layers: 
&#39;cite:tib_grazing_points&#39;, transparent: true}, {isBaseLayer: false, 
displayInLayerSwitcher: true, visibility: false} <br>
                       );<br>
                    <br>
            var chn_hwyCrew = new OpenLayers.Layer.WMS(<br>
                            &quot;Highway Maintenance Crew (Chinese trans)&quot;, 
&quot;<a href="http://10.0.102.11:8080/geoserver/wms">http://10.0.102.11:8080/geoserver/wms</a>&quot;, {layers: 
&#39;cite:chn_highway_maintenance_crews&#39;, transparent: true}, {isBaseLayer: 
false, displayInLayerSwitcher: true, visibility: false} <br>
                       );<br>
               <br>
            var tib_hwyCrew = new OpenLayers.Layer.WMS(<br>
                            &quot;Highway Maintenance Crew (Tibetan trans)&quot;, 
&quot;<a href="http://10.0.102.11:8080/geoserver/wms">http://10.0.102.11:8080/geoserver/wms</a>&quot;, {layers: 
&#39;cite:tib_highway_maintenance_crews&#39;, transparent: true}, {isBaseLayer: 
false, displayInLayerSwitcher: true, visibility: false} <br>
                       );<br>
                    <br>
            var chn_hospitals = new OpenLayers.Layer.WMS(<br>
                            &quot;Hospitals (Chinese trans)&quot;, 
&quot;<a href="http://10.0.102.11:8080/geoserver/wms">http://10.0.102.11:8080/geoserver/wms</a>&quot;, {layers: &#39;cite:chn_hospitals&#39;, 
transparent: true}, {isBaseLayer: false, displayInLayerSwitcher: true, 
visibility: false}<br>
                       );<br>
                    <br>
            var tib_hospitals = new OpenLayers.Layer.WMS(<br>
                            &quot;Hospitals (Tibetan trans)&quot;, 
&quot;<a href="http://10.0.102.11:8080/geoserver/wms">http://10.0.102.11:8080/geoserver/wms</a>&quot;, {layers: &#39;cite:tib_hospitals&#39;, 
transparent: true}, {isBaseLayer: false, displayInLayerSwitcher: true, 
visibility: false} <br>
                       );<br>
                    <br>
            var chn_lakes = new OpenLayers.Layer.WMS(<br>
                            &quot;Lakes (Chinese trans)&quot;, 
&quot;<a href="http://10.0.102.11:8080/geoserver/wms">http://10.0.102.11:8080/geoserver/wms</a>&quot;, {layers: &#39;cite:chn_lakes&#39;, 
transparent: true}, {isBaseLayer: false, displayInLayerSwitcher: true, 
visibility: false} <br>
                       );<br>
                    <br>
            var tib_lakes = new OpenLayers.Layer.WMS(<br>
                            &quot;Lakes (Tibetan trans)&quot;, 
&quot;<a href="http://10.0.102.11:8080/geoserver/wms">http://10.0.102.11:8080/geoserver/wms</a>&quot;, {layers: &#39;cite:tib_lakes&#39;, 
transparent: true}, {isBaseLayer: false, displayInLayerSwitcher: true, 
visibility: true} <br>
                       );<br>
                    <br>
            var chn_monastaries = new OpenLayers.Layer.WMS(<br>
                            &quot;Monastaries (Chinese trans)&quot;, 
&quot;<a href="http://10.0.102.11:8080/geoserver/wms">http://10.0.102.11:8080/geoserver/wms</a>&quot;, {layers: &#39;cite:chn_monasterys&#39;,
 transparent: true}, {isBaseLayer: false, displayInLayerSwitcher: true, 
visibility: false} <br>
                       );<br>
                    <br>
            var tib_monastaries = new OpenLayers.Layer.WMS(<br>
                            &quot;Monastaries (Tibetan trans)&quot;, 
&quot;<a href="http://10.0.102.11:8080/geoserver/wms">http://10.0.102.11:8080/geoserver/wms</a>&quot;, {layers: &#39;cite:tib_monasterys&#39;,
 transparent: true}, {isBaseLayer: false, displayInLayerSwitcher: true, 
visibility: false} <br>
                       );<br>
                    <br>
            var chn_pass = new OpenLayers.Layer.WMS(<br>
                            &quot;Pass (Chinese trans)&quot;, 
&quot;<a href="http://10.0.102.11:8080/geoserver/wms">http://10.0.102.11:8080/geoserver/wms</a>&quot;, {layers: &#39;cite:chn_pass&#39;, 
transparent: true}, {isBaseLayer: false, displayInLayerSwitcher: true, 
visibility: false} <br>
                       );<br>
                    <br>
            var tib_pass = new OpenLayers.Layer.WMS(<br>
                            &quot;Pass (Tibetan trans)&quot;, 
&quot;<a href="http://10.0.102.11:8080/geoserver/wms">http://10.0.102.11:8080/geoserver/wms</a>&quot;, {layers: &#39;cite:tib_pass&#39;, 
transparent: true}, {isBaseLayer: false, displayInLayerSwitcher: true, 
visibility: false} <br>
                       );<br>
                    <br>
            var chn_rivers = new OpenLayers.Layer.WMS(<br>
                            &quot;Rivers (Chinese trans)&quot;, 
&quot;<a href="http://10.0.102.11:8080/geoserver/wms">http://10.0.102.11:8080/geoserver/wms</a>&quot;, {layers: &#39;cite:chn_rivers&#39;, 
transparent: true}, {isBaseLayer: false, displayInLayerSwitcher: true, 
visibility: false} <br>
                       );<br>
                    <br>
            var tib_rivers = new OpenLayers.Layer.WMS(<br>
                            &quot;Rivers (Tibetan trans)&quot;, 
&quot;<a href="http://10.0.102.11:8080/geoserver/wms">http://10.0.102.11:8080/geoserver/wms</a>&quot;, {layers: &#39;cite:tib_rivers&#39;, 
transparent: true}, {isBaseLayer: false, displayInLayerSwitcher: true, 
visibility: false}<br>
                       );<br>
                    <br>
            var chn_townships = new OpenLayers.Layer.WMS(<br>
                            &quot;Townships (Chinese trans)&quot;, 
&quot;<a href="http://10.0.102.11:8080/geoserver/wms">http://10.0.102.11:8080/geoserver/wms</a>&quot;, {layers: &#39;cite:chn_townships&#39;, 
transparent: true}, {isBaseLayer: false, displayInLayerSwitcher: true, 
visibility: false}<br>
                       );<br>
                    <br>
            var tib_townships = new OpenLayers.Layer.WMS(<br>
                            &quot;Townships (Tibetan trans)&quot;, 
&quot;<a href="http://10.0.102.11:8080/geoserver/wms">http://10.0.102.11:8080/geoserver/wms</a>&quot;, {layers: &#39;cite:tib_townships&#39;, 
transparent: true}, {isBaseLayer: false, displayInLayerSwitcher: true, 
visibility: true} <br>
                       );<br>
        <br>
            var chn_villages = new OpenLayers.Layer.WMS(<br>
                            &quot;Villages (Chinese trans)&quot;, 
&quot;<a href="http://10.0.102.11:8080/geoserver/wms">http://10.0.102.11:8080/geoserver/wms</a>&quot;, {layers: &#39;cite:chn_villages&#39;, 
transparent: true}, {isBaseLayer: false, displayInLayerSwitcher: true, 
visibility: false} <br>
                       );<br>
                    <br>
            var tib_villages = new OpenLayers.Layer.WMS(<br>
                            &quot;Villages (Tibetan trans)&quot;, 
&quot;<a href="http://10.0.102.11:8080/geoserver/wms">http://10.0.102.11:8080/geoserver/wms</a>&quot;, {layers: &#39;cite:tib_villages&#39;, 
transparent: true}, {isBaseLayer: false, displayInLayerSwitcher: true, 
visibility: true} <br>
                       );<br>
<br>
            var options = {<br>
                    controls: [new OpenLayers.Control.Navigation()],<br>
                    maxExtent: new OpenLayers.Bounds(-20037508.34, -20037508.34, 20037508.34, 20037508.34),<br>
                    //maxResolution: &quot;auto&quot;,<br>
                    //projection: new OpenLayers.Projection(&quot;EPSG:900913&quot;),<br>
                    units: &#39;m&#39;,<br>
                    allOverlays: false<br>
            }<br>
<br>
            var mapPanel = new GeoExt.MapPanel({<br>
                title: &quot;Map&quot;,<br>
                map: options,<br>
                //center: map.setCenter(new OpenLayers.LonLat(93.9, 
29.53).transform(new OpenLayers.Projection(&quot;EPSG:4326&quot;), 
map.getProjectionObject())),<br>
                center: new OpenLayers.LonLat(93.9, 29.53).transform(new
 OpenLayers.Projection(&quot;EPSG:4326&quot;), new 
OpenLayers.Projection(&quot;EPSG:900913&quot;)),<br>
                zoom: 9, <br>
                region: &quot;center&quot;,<br>
                bbar: [{<br>
                    xtype: &quot;label&quot;,<br>
                    text: &quot;Scale = 1 : &quot;<br>
                }],<br>
                items: [{<br>
                    xtype: &quot;gx_zoomslider&quot;,<br>
                    vertical: true,<br>
                    height: 300,<br>
                    x: 10,<br>
                    y: 20,<br>
                    plugins: new GeoExt.ZoomSliderTip()<br>
                }]<br>
            });<br>
<br>
            var map = mapPanel.map;<br>
            map.addLayers([gphy, gmap, ghyb, osm, all_chn, all_tib, 
chn_bridges, tib_bridges, chn_countys, tib_countys, chn_farms, 
tib_farms, chn_glaciers, tib_glaciers, chn_grazing, tib_grazing, 
chn_hwyCrew, tib_hwyCrew, chn_hospitals, tib_hospitals, chn_lakes, 
tib_lakes, chn_monastaries, tib_monastaries, chn_pass, tib_pass, 
chn_rivers, tib_rivers, chn_townships, tib_townships, chn_villages, 
tib_villages]);                    <br>
<br>
            <br>
            var tibNaturalLayers = new GeoExt.data.LayerStore({<br>
                    map: map,<br>
                    initDir: 0,<br>
                    layers: [tib_villages, tib_rivers, tib_lakes, tib_grazing, tib_glaciers]<br>
            });<br>
<br>
            var chnNaturalLayers = new GeoExt.data.LayerStore({<br>
                map: map,<br>
                initDir: 0,<br>
                layers: [chn_villages, chn_rivers, chn_lakes, chn_grazing, chn_glaciers]<br>
            });<br>
<br>
            var tibPointOfInterest = new GeoExt.data.LayerStore({<br>
                map: map,<br>
                initDir: 0,<br>
                layers: [tib_pass, tib_monastaries, tib_hospitals, tib_hwyCrew, tib_bridges]<br>
            });<br>
<br>
            var chnPointOfInterest = new GeoExt.data.LayerStore({<br>
                map: map,<br>
                initDir: 0,<br>
                layers: [chn_pass, chn_monastaries, chn_hospitals, chn_hwyCrew, chn_bridges]<br>
            });<br>
<br>
            var tibLands = new GeoExt.data.LayerStore({<br>
                map: map,<br>
                initDir: 0,<br>
                layers: [tib_villages, tib_townships, tib_farms, tib_countys]<br>
            });<br>
<br>
            var chnLands = new GeoExt.data.LayerStore({<br>
                map: map,<br>
                initDir: 0,<br>
                layers: [chn_villages, chn_townships, chn_farms, chn_countys]<br>
            });<br>
<br>
            var layerRoot = new Ext.tree.TreeNode({<br>
                text: &quot;All Layers&quot;,<br>
                expanded: true<br>
            });<br>
<br>
            layerRoot.appendChild(new GeoExt.tree.BaseLayerContainer({<br>
                text: &quot;Base Layers&quot;,<br>
                map: map,<br>
                layerStore: mapPanel.layers,<br>
                expanded: true<br>
            }));<br>
<br>
            layerRoot.appendChild(new GeoExt.tree.OverlayLayerContainer({<br>
                        text: &quot;Natural Selection (Tibetan trans)&quot;,<br>
                        layerStore: tibNaturalLayers,<br>
                        expanded: false,<br>
                        loader: {param: &quot;LAYERS&quot;}<br>
            }));<br>
<br>
            layerRoot.appendChild(new GeoExt.tree.OverlayLayerContainer({<br>
                text: &quot;Natural Selection (Chinese trans)&quot;,<br>
                layerStore: chnNaturalLayers,<br>
                expanded: false,<br>
                loader: {param: &quot;LAYERS&quot;}<br>
            }));<br>
<br>
            layerRoot.appendChild(new GeoExt.tree.OverlayLayerContainer({<br>
                text: &quot;Points of Interest (Tibetan trans)&quot;,<br>
                layerStore: tibPointOfInterest,<br>
                expanded: false,<br>
                loader: {param: &quot;LAYERS&quot;}<br>
            }));<br>
<br>
            layerRoot.appendChild(new GeoExt.tree.OverlayLayerContainer({<br>
                text: &quot;Points of Interest (Chinese trans)&quot;,<br>
                layerStore: chnPointOfInterest,<br>
                expanded: false,<br>
                loader: {param: &quot;LAYERS&quot;}<br>
            }));<br>
<br>
            layerRoot.appendChild(new GeoExt.tree.OverlayLayerContainer({<br>
                text: &quot;Lands (Tibetan trans)&quot;,<br>
                layerStore: tibLands,<br>
                expanded: false,<br>
                loader: {param: &quot;LAYERS&quot;}<br>
            }));<br>
<br>
            layerRoot.appendChild(new GeoExt.tree.OverlayLayerContainer({<br>
                text: &quot;Lands (Chinese trans)&quot;,<br>
                layerStore: chnLands,<br>
                expanded: false,<br>
                loader: {param: &quot;LAYERS&quot;, baseAttrs: {iconCls: &#39;myClass&#39;}}<br>
            }));<br>
                <br>
            var layerTree = new Ext.tree.TreePanel({<br>
                region: &quot;west&quot;,<br>
                title: &quot;Map Layers&quot;,    <br>
                root: layerRoot,<br>
                loader: new Ext.tree.TreeLoader({applyLoader: false}),<br>
                enableDD: true,<br>
                collapsible: true,<br>
                width: 300,<br>
                expanded: true<br>
            });<br>
        <br>
            <br>
            var scaleCombo = new Ext.form.ComboBox({<br>
                width: 130,<br>
                mode: &quot;local&quot;,<br>
                emptyText: &quot;Scale&quot;,<br>
                triggerAction: &quot;all&quot;,<br>
                displayField: &quot;scale&quot;,<br>
                store: new GeoExt.data.ScaleStore({<br>
                    map: mapPanel.map<br>
                }),<br>
                listeners: {<br>
                    select: function(combo, record) {<br>
                        mapPanel.map.zoomTo(record.get(&quot;level&quot;));<br>
                    }<br>
                }<br>
            });<br>
            <br>
            mapPanel.map.events.register(&quot;zoomend&quot;, this, function() {<br>
                scaleCombo.setValue(mapPanel.map.getScale());<br>
            });<br>
            mapPanel.getBottomToolbar().add(scaleCombo);<br>
<br>
<br>
            <br>
            <br>
            /*var tree = new Ext.tree.TreePanel({<br>
                region: &quot;west&quot;,<br>
                title: &quot;Map Layers&quot;,<br>
                width: 200,<br>
                autoScroll: true,<br>
                enableDD: true,<br>
                lines: true,<br>
                rootVisible: true,<br>
                root: new GeoExt.tree.LayerContainer({<br>
                    layerStore: mapPanel.layers,<br>
                    expanded: true<br>
                }),<br>
                bbar: [{<br>
                    text: &quot;Remove from Map&quot;,<br>
                    handler: function() {<br>
                        var node = tree.getSelectionModel().getSelectedNode();<br>
                        if(node) {<br>
                            mapPanel.map.removeLayer(node.layer);<br>
                        }<br>
                    }<br>
                }]<br>
            });*/<br>
<br>
            var legend = new GeoExt.LegendPanel({<br>
                region: &quot;east&quot;,<br>
                title: &quot;Legend&quot;,<br>
                width: 200,<br>
                autoScroll: true,<br>
                layerStore: mapPanel.layers<br>
            });<br>
<br>
            new Ext.Panel({<br>
                width: 1800,<br>
                height: 600,<br>
                layout: &quot;border&quot;,<br>
                renderTo: document.body,<br>
                items: [layerTree, mapPanel, legend]<br>
                //items: [mapPanel, groupLayerNode]<br>
            });<br>
<br>
      <br>
             var info = new OpenLayers.Control.WMSGetFeatureInfo({<br>
                    url: &#39;<a href="http://10.0.102.11:8080/geoserver/wms">http://10.0.102.11:8080/geoserver/wms</a>&#39;,<br>
                    title: &#39;Identify features by clicking&#39;,<br>
                    queryVisible: true,<br>
                    eventListeners: {<br>
                        getfeatureinfo: function(event){<br>
                                        if(event.text.length != 687) {<br>
                            map.addPopup(new OpenLayers.Popup.FramedCloud(<br>
                                &quot;chicken&quot;,<br>
                                map.getLonLatFromPixel(event.xy),<br>
                                null,<br>
                                event.text + &#39;&lt;div&gt;name: Hello!&lt;/div&gt;&#39;,<br>
                                null,<br>
                                true<br>
                            ));<br>
                        }<br>
                    }<br>
                                }<br>
                });<br>
                map.addControl(info);<br>
                info.activate();     <br>
<br>
        });<br>
        &lt;/script&gt;<br>
    &lt;/head&gt;<br>
    &lt;body&gt;<br>
    &lt;/body&gt;<br>
&lt;/html&gt;<br>
<br>
Thank you,<br>
 <br>
elshae<br><br><div class="gmail_quote">On Tue, Sep 28, 2010 at 6:59 AM, Sarah Schuessler <span dir="ltr">&lt;<a href="mailto:sarah_flip@yahoo.de">sarah_flip@yahoo.de</a>&gt;</span> wrote:<br><blockquote class="gmail_quote" style="margin: 0pt 0pt 0pt 0.8ex; border-left: 1px solid rgb(204, 204, 204); padding-left: 1ex;">
<div><div style="font-family: times new roman,new york,times,serif; font-size: 12pt;"><div class="im"><div>Without any code we can`t say anything.<br>Did you checked misspelling, code mistakes?<br><br>best regards<br>Sarah</div>
</div><div style="font-family: times new roman,new york,times,serif; font-size: 12pt;"><br><div style="font-family: times new roman,new york,times,serif; font-size: 12pt;"><div class="im"><font face="Tahoma" size="2"><hr size="1">
<b><span style="font-weight: bold;">Von:</span></b> IT Intern &lt;<a href="mailto:itintern12@gmail.com" target="_blank">itintern12@gmail.com</a>&gt;<br><b><span style="font-weight: bold;">An:</span></b> <a href="mailto:users@geoext.org" target="_blank">users@geoext.org</a><br>
<b><span style="font-weight: bold;">Gesendet:</span></b> Dienstag, den 28. September 2010, 0:18:20 Uhr<br><b><span style="font-weight: bold;">Betreff:</span></b> Re: [Users] Base Layer Does Not Display on Initial Load<br>
</font><br></div><div><div></div><div class="h5">Also if it helps any, I&#39;m getting the following errors in my firebug
 console...<br><br><span><div>OpenLayers is not defined</div>
<span></span><div><img src="" title="Break on this error"><a rel="nofollow">    symbolizers: [OpenLayers.Feature.Vector.style[&quot;default&quot;]],
</a><a rel="nofollow"><div>Featur...erer.js (line 36)<br><br></div></a></div></span><div><span><div>
<span></span>OpenLayers is not defined</div><span></span><div><img src="" title="Break on this error"><a rel="nofollow">    &quot;eq&quot;: OpenLayers.Filter.Comparison.EQUAL_TO,
</a><a rel="nofollow"><div>form.js (line 78)</div></a></div></span></div><div><div><br>I&#39;ve yet to conquer this issue so any other advices would be great and very much appreciated :)<br>
<br>Thank you,<br><br>elshae<br></div></div><br><br><div class="gmail_quote">On Mon, Sep 27, 2010 at 11:46 AM, IT Intern <span dir="ltr">&lt;<a rel="nofollow" href="mailto:itintern12@gmail.com" target="_blank">itintern12@gmail.com</a>&gt;</span> wrote:<br>

<blockquote class="gmail_quote" style="margin: 0pt 0pt 0pt 0.8ex; border-left: 1px solid rgb(204, 204, 204); padding-left: 1ex;">Andreas,<br><br>I have added the other changes you recommended.  Everything looks good, except now it is back to what I started with.  The Google Base layer loads first and as my overlays are loading, it disappears.  I am positive that all my overlays are transparent...<div>

<br>
<br>var options = {<br>                    controls: [new OpenLayers.Control.Navigation()],<br>                    maxExtent: new OpenLayers.Bounds(-20037508.34, -20037508.34, 20037508.34, 20037508.34),<br></div>                    units: &#39;m&#39;,<br>


                    allOverlays: false<br>            }<br><div><br>var mapPanel = new GeoExt.MapPanel({<br>                title: &quot;Map&quot;,<br>                map: options,<br>                //center: map.setCenter(new OpenLayers.LonLat(93.9, 29.53).transform(new OpenLayers.Projection(&quot;EPSG:4326&quot;), map.getProjectionObject())),<br>

</div>
                center: new OpenLayers.LonLat(93.9, 29.53).transform(new OpenLayers.Projection(&quot;EPSG:4326&quot;), new OpenLayers.Projection(&quot;EPSG:900913&quot;)),<div><br>                zoom: 9, <br>
                region: &quot;center&quot;,<br>
                bbar: [{<br>                    xtype: &quot;label&quot;,<br>                    text: &quot;Scale = 1 : &quot;<br>                }],<br>                items: [{<br>                    xtype: &quot;gx_zoomslider&quot;,<br>


                    vertical: true,<br>                    height: 300,<br>                    x: 10,<br>                    y: 20,<br>                    plugins: new GeoExt.ZoomSliderTip()<br>                }]<br>            });<br>


<br>var map = mapPanel.map;<br>            map.addLayers([gphy, gmap, ghyb, osm, all_chn, all_tib, chn_bridges, tib_bridges, chn_countys, tib_countys, chn_farms, tib_farms, chn_glaciers, tib_glaciers, chn_grazing, tib_grazing, chn_hwyCrew, tib_hwyCrew, chn_hospitals, tib_hospitals, chn_lakes, tib_lakes, chn_monastaries, tib_monastaries, chn_pass, tib_pass, chn_rivers, tib_rivers, chn_townships, tib_townships, chn_villages, tib_villages]);                    <br>


<br><br></div>Thanks, <br><br>elshae<div><div></div><div><br><br><div class="gmail_quote">On Mon, Sep 27, 2010 at 11:38 AM, Andreas Hocevar <span dir="ltr">&lt;<a rel="nofollow" href="mailto:ahocevar@opengeo.org" target="_blank">ahocevar@opengeo.org</a>&gt;</span> wrote:<br>

<blockquote class="gmail_quote" style="margin: 0pt 0pt 0pt 0.8ex; border-left: 1px solid rgb(204, 204, 204); padding-left: 1ex;">
Three things:<br>
<br>
 * don&#39;t use map.getProjectionObject() in your transform - it is not available yet<br>
 * don&#39;t use maxResolution: &quot;auto&quot;.<br>
 * remove the renderTo config option from your MapPanel.<br>
<font color="#888888"><br>
-Andreas.<br>
</font><div><div></div><div><br>
On Sep 27, 2010, at 17:21 , IT Intern wrote:<br>
<br>
&gt; Andreas,<br>
&gt;<br>
&gt; Sigh, it&#39;s still not working out for me.  Now no base layer is coming up, my zoom slider is not in the right position, and my map div is once again in its own container :(<br>
&gt;<br>
&gt; This is the code with the changes I have understood I should make:<br>
&gt;<br>
&gt;     var options = {<br>
&gt;                     controls: [new OpenLayers.Control.Navigation()],<br>
&gt;                     maxExtent: new OpenLayers.Bounds(-20037508.34, -20037508.34, 20037508.34, 20037508.34),<br>
&gt;                     maxResolution: &quot;auto&quot;,<br>
&gt;                     projection: new OpenLayers.Projection(&quot;EPSG:900913&quot;),<br>
&gt;                     units: &#39;m&#39;,<br>
&gt;                     allOverlays: false<br>
&gt;             }<br>
&gt;<br>
&gt;<br>
&gt;             //var map = new OpenLayers.Map(options);<br>
&gt;             //map.addLayers([gphy, gmap, ghyb, osm, all_chn, all_tib, chn_bridges, tib_bridges, chn_countys, tib_countys, chn_farms, tib_farms, chn_glaciers, tib_glaciers, chn_grazing, tib_grazing, chn_hwyCrew, tib_hwyCrew, chn_hospitals, tib_hospitals, chn_lakes, tib_lakes, chn_monastaries, tib_monastaries, chn_pass, tib_pass, chn_rivers, tib_rivers, chn_townships, tib_townships, chn_villages, tib_villages]);<br>



&gt;<br>
&gt;             var mapPanel = new GeoExt.MapPanel({<br>
&gt;                 title: &quot;Map&quot;,<br>
&gt;                 map: options,<br>
&gt;                 //center: map.setCenter(new OpenLayers.LonLat(93.9, 29.53).transform(new OpenLayers.Projection(&quot;EPSG:4326&quot;), map.getProjectionObject())),<br>
&gt;                 center: new OpenLayers.LonLat(93.9, 29.53).transform(new OpenLayers.Projection(&quot;EPSG:4326&quot;)),//, map.getProjectionObject()),<br>
&gt;                 renderTo: document.body,<br>
&gt;                 width: 1500,<br>
&gt;                 height: 600,<br>
&gt;                 zoom: 9,<br>
&gt;                 region: &quot;center&quot;,<br>
&gt;                 bbar: [{<br>
&gt;                     xtype: &quot;label&quot;,<br>
&gt;                     text: &quot;Scale = 1 : &quot;<br>
&gt;                 }],<br>
&gt;                 items: [{<br>
&gt;                     xtype: &quot;gx_zoomslider&quot;,<br>
&gt;                     vertical: true,<br>
&gt;                     height: 300,<br>
&gt;                     x: 10,<br>
&gt;                     y: 20,<br>
&gt;                     plugins: new GeoExt.ZoomSliderTip()<br>
&gt;                 }]<br>
&gt;             });<br>
&gt;<br>
&gt;             var map = mapPanel.map;<br>
&gt;<br>
&gt;             map.addLayers([gphy, gmap, ghyb, osm, all_chn, all_tib, chn_bridges, tib_bridges, chn_countys, tib_countys, chn_farms, tib_farms, chn_glaciers, tib_glaciers, chn_grazing, tib_grazing, chn_hwyCrew, tib_hwyCrew, chn_hospitals, tib_hospitals, chn_lakes, tib_lakes, chn_monastaries, tib_monastaries, chn_pass, tib_pass, chn_rivers, tib_rivers, chn_townships, tib_townships, chn_villages, tib_villages]);<br>



&gt;<br>
&gt; Thank you,<br>
&gt;<br>
&gt; elshae<br>
&gt;<br>
&gt;<br>
</div></div></blockquote></div></div></div></blockquote></div></div></div></div></div>
</div><br></div><br>_______________________________________________<br>
Users mailing list<br>
<a href="mailto:Users@geoext.org">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>
<br></blockquote></div><br>