[Users] Using a Toolbar/Action, control isn't working on my map

[Andrew Stewart]

I am trying to use a GeoExt.Action with an Ext.Toolbar to perform actions on my map with openlayers controls using the example located here - http://www.geoext.org/lib/GeoExt/widgets/Action.html

Unfortunately my buttons are not working, as when I click on the zoom in ./ zoom out action buttons I created the control is not activated for my map. I am thinking this is because of my layout using a mappanel but I just can't figure out how to get the controls added to the map properly since I was using a working OpenLayers control panel before. Any help greatly appreciated, here is my code -


// -------------------------------------------------- END Define Map Layers ---------------------------------

         var map;
         var startupLat;
         var startupLon;
         var lonLat;
         var startupLevel;


         // begin map defintion
         map = new OpenLayers.Map('map',{controls: [],
         //scales: [974000,1867000,3300000,4450000,7075000,14513000,25769000,35654000,58981000,100000000],
         maxExtent: new OpenLayers.Bounds(-20037508.34, -20037508.34, 20037508.34, 20037508.34),
         maxResolution: 156543.0399,
         numZoomLevels: 20,
         units: 'km',
         projection: new OpenLayers.Projection("EPSG:900913"),
         displayProjection: new OpenLayers.Projection("EPSG:4326")
         });    //end of map definition


         //Declare 3 Panels for left menu - Themes Panel, Legend Panel and Overview Panel


            var panel_Map = new GeoExt.MapPanel({
            collapsed: false,
            height: 800,
            renderTo: 'map',
            map: map,
            center: lonLat,
            zoom: startupLevel
            });


            //Define GeoEXT Actions for each Toolbar Button

            var action_home = new GeoExt.Action({
            text: '  Home',
            cls: 'x-btn-text-icon',
            icon: '../images/toolbar/home.gif',
            handler: function(){window.location.reload();},
            map: map
        });
            var action_query = new GeoExt.Action({
            text: '  Queries',
            cls: 'x-btn-text-icon',
            icon: '../images/toolbar/query.gif',
            handler: function() {document.getElementById('show-btn').click();},
            map: map
        });
            var action_zoomin = new GeoExt.Action({
            text: '  Zoom In',
            cls: 'x-btn-text-icon',
            icon: '../images/toolbar/zoomin.gif',
            control: new OpenLayers.Control.ZoomBox(),
            map: map
        });
            var action_zoomout = new GeoExt.Action({
            text: '  Zoom Out',
            cls: 'x-btn-text-icon',
            icon: '../images/toolbar/zoomout.gif',
            control: new OpenLayers.Control.ZoomBox({title:"Zoom out. Click on map or click and drag to zoom out.", out: true}),
            map: map
        });

            //Define toolbar, insert Ext Actions
            var toolbar = new Ext.Toolbar([action_home, action_query, action_zoomin, action_zoomout]);


            var panel_Bottom = new Ext.Panel({
            collapsed: false,
            items: [toolbar]
            });



        var viewPort1 = new Ext.Viewport({
        layout: "border",
        items: [{
            //Center Region - Map Panel Only
            region: "center",
            items: [panel_Map, panel_Bottom]
        },{
            // West Region - Themes Menu, Legend Menu, Overview Menu
            region: "west",
            xtype: 'panel',
            title: "<center>Themes</center>",
            width: 225,
            split: true,
            collapsible: true,
            collapseMode: 'mini',
            items: [panel_Themes, panel_Legend, panel_Overview]
        }]
});








-------------- next part --------------
An HTML attachment was scrubbed...
URL: http://www.geoext.org/pipermail/users/attachments/20100930/759532ae/attachment.htm