[GIS] Can GeoEXT 1.0 be used along with ExtJS 4.0

ext-jsgeoext

On the GeoExt website their tutorial page has some instructions on how to setup up a application to use GeoEXT. This is the page I am referring to.

It mentions that you should download GeoEXT 1.0 and ExtJS 3.2. I have since noticed that Sencha has released ExtJS 4. Can ExtJS 4 be used along side GeoEXT 1.0 without any issues? Or should I go by the book and install ExtJS 3.2?

Thanks
Ando

Best Answer

This was recently asked on the GeoExt mailing list - http://www.geoext.org/pipermail/dev/2011-May/001008.html

In a word - no, and there are as yet no ongoing development plans to do so, but it will be done eventually.

Related Solutions

[GIS] GeoExt (ExtJS + OpenLayers) not displaying Google Map

Following the tutorials and source code at http://www.geoext.org/examples.html#examples, I was able to get a Google Map working. My working code is shown below. Any further advice are still welcome. I guess I was using an outdated syntax.

           var mapPanel, controls = [];

        Ext.onReady(function() {
            Ext.state.Manager.setProvider(new Ext.state.CookieProvider());
            var map = new OpenLayers.Map();
            var layer = new OpenLayers.Layer.Google(
                    'Google Streets',
                    {numZoomLevels: 20},
                    {visibility: true}
            );

            map.addLayers([layer]);
            map.addControls(controls);

            mapPanel = new GeoExt.MapPanel({
                title: "GeoExt MapPanel",
                renderTo: "mappanel",
                stateId: "mappanel",
                height: "100%",
                width: "100%",
                map: map,
                center: new OpenLayers.LonLat(5, 45),
                zoom: 4,
                // getState and applyState are overloaded so panel size
                // can be stored and restored
                getState: function() {
                    var state = GeoExt.MapPanel.prototype.getState.apply(this);
                    state.width = this.getSize().width;
                    state.height = this.getSize().height;
                    return state;
                },
                applyState: function(state) {
                    GeoExt.MapPanel.prototype.applyState.apply(this, arguments);
                    this.width = state.width;
                    this.height = state.height;
                }
            });
        });

        controls.push(
                new OpenLayers.Control.Navigation(),
                new OpenLayers.Control.Attribution(),
                new OpenLayers.Control.PanPanel(),
                new OpenLayers.Control.ZoomPanel()
            );

        // functions for resizing the map panel
        function mapSizeUp() {
            var size = mapPanel.getSize();
            size.width += 40;
            size.height += 40;
            mapPanel.setSize(size);
        }
        function mapSizeDown() {
            var size = mapPanel.getSize();
            size.width -= 40;
            size.height -= 40;
            mapPanel.setSize(size);
        }

There is a <div id="mappanel"></div> in the <body></body> section.

[GIS] Sencha / Extjs 4 with GeoExt 2 – How to use

Have you tried with apostrophes?

For me, this works:

Ext.Loader.setConfig({
 enabled:true,
 disableCaching: true,
 paths: {
  'Ext': '/lib/extjs-4.1.1/src'
  ,'Ext.ux' : '/lib/extjs-4.1.1/examples/ux'
  // 'Ext'      : 'http://cdn.sencha.io/ext-4.1.1-gpl/src'
  //,'Ext.ux'   : 'http://cdn.sencha.io/ext-4.1.1-gpl/examples/ux'
  ,'GeoExt' : '/lib/GeoExt/src/GeoExt'
  ,'VT.ux'  : 'app/ux'
  ,'VT'     : 'app'
  }
});

Best Answer

Related Solutions

[GIS] GeoExt (ExtJS + OpenLayers) not displaying Google Map

[GIS] Sencha / Extjs 4 with GeoExt 2 – How to use

Related Question