OpenLayers with ExtJS 4

[slemmon]

I've not looked at GeoExt before. I've only used the panel.body.dom as the div to render an openLayers map to. Basically I looked at the Google maps example that's on the Sencha examples pages and just started stripping Google out of it and putting in OpenLayers map stuff in its place.

[pef]

@slemmon : Yes, I noticed that in your own solution. Actually, my post was addressed to Vahid

I rather like his solution, since I'm also trying to make geoext work with extjs 4...

[slemmon]

Gotcha. Best of luck.

[vahid4134]

I convert 50% of GeoExt

[DiscoBoy]

Hi pef!

Any progress on porting GeoExt 4?
I'm in the same need of a Mapping framework encapsulated in nice ExtJS classes....would be interested how you solved it in the meanwhile or what the current status of porting GeoExt is?

[christophe.geiser]

Hi all

Just started to use polymaps (http://polymaps.org) instead of geoExt/openLayers. Looks to work pretty well. It is small, fast, but not as comprehensive than openLayers and requires SVG browser support.
As a starter, see below

Cheers
C.

//====================
//   Map
//====================
 Ext.define('Ext.ux.maps.Map',
{extend : 'Ext.Component', 
alias : 'widget.maps.map', 
mapStyle	: '2',
mapType	: 'cloudMade',
buildUrl: { 
	cloudMade : function() {
		return 	"http://{S}tile.cloudmade.com"
		    +  "/" + --put your cloudmade API key--
		    + "/"+ (this.mapStyle ? this.mapStyle :  '1') + "/256/{Z}/{X}/{Y}.png"	
	},
	nasa: function(){
		return "http://s3.amazonaws.com/com.modestmaps.bluemarble/{Z}-r{Y}-c{X}.jpg"	
	}
},
setBaseLayer: function(cfg) {
	var me = this, po = org.polymaps, bL = me.baseLayer;
	if(cfg) {Ext.apply(me, cfg)};
	me.baseLayer= po.image()
	    .url(po.url(me.buildUrl[me.mapType].apply(me))
	    .hosts(["a.", "b.", "c.", ""]));
	me.map.add(me.baseLayer);	    
	if(bL) {me.map.remove(bL)}
},
onRender: function() {
	
	var po = org.polymaps,
		me = this;
	me.callParent(arguments)
	me.map = po.map()
	    .container(me.getEl().dom.appendChild(po.svg("svg")))
	    .add(po.interact());
	    //.add(po.hash());
	me.setBaseLayer();
	me.map.add(po.compass() 
	    .pan("none"));
	    
	 // resize the map when this component is resized
	 me.on('resize', me.map.resize, me.map) 
}
});

win = Ext.widget('window',{title: 'map',height: 400,width: 400,layout: 'fit',items : [{  xtype: 'maps.map'}]}).show()

[pef]

Hi pef!
Any progress on porting GeoExt 4?

Hi ! No, I haven't made any progress. Actually, I emailed vahid about that and he told me he had already converted 50% of it.

Unfortunately, he's currently very busy so we'll have to be patient. I haven't had a chance to look at his code yet.

In my case, this can wait since other parts of my application must first be implemented before the map can be of any use : in the mean time, I just display it using slemmon's solution.

[vahid4134]

Hi pef
please email again to me

[lukerothgda]

To everyone working on porting GeoExt to ExtJS 4 (Vahid, pef, ...) - would it you be interested in some assistance? I'm working on a site using ExtJS / OpenLayers and I have some time over the next few weeks to contribute, if you'd like to share your work in progress and some items that you'd like me to work on.
Luke

[vahid4134]

I start github project

https://github.com/vahid-sohrabloo/GeoExt4

first example on extjs 4

http://vahid-sohrabloo.github.com/Ge...panel-div.html

I working for convert GeoExt to GeoExt4

everyone can help to me please join to me on gitbub