Page 2 of 4 FirstFirst 1234 LastLast
Results 11 to 20 of 33

Thread: OpenLayers with ExtJS 4

  1. #11
    Sencha - Documentation Team slemmon's Avatar
    Join Date
    Mar 2009
    Location
    Boise, ID
    Posts
    6,162
    Vote Rating
    257
      0  

    Default

    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.

  2. #12
    Sencha User
    Join Date
    Oct 2010
    Posts
    11
    Vote Rating
    0
      0  

    Default

    @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...

  3. #13
    Sencha - Documentation Team slemmon's Avatar
    Join Date
    Mar 2009
    Location
    Boise, ID
    Posts
    6,162
    Vote Rating
    257
      0  

    Default

    Gotcha. Best of luck.

  4. #14
    Sencha User
    Join Date
    Oct 2007
    Location
    Iran
    Posts
    167
    Vote Rating
    0
      0  

    Default

    I convert 50% of GeoExt
    No honor is like knowledge

  5. #15
    Sencha User
    Join Date
    May 2009
    Posts
    144
    Vote Rating
    14
      0  

    Default

    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?

  6. #16
    Sencha User
    Join Date
    Nov 2008
    Location
    Lyon, France
    Posts
    234
    Vote Rating
    52
      0  

    Default

    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.

    Code:
    //====================
    //   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()

  7. #17
    Sencha User
    Join Date
    Oct 2010
    Posts
    11
    Vote Rating
    0
      0  

    Default

    Quote Originally Posted by DiscoBoy View Post
    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.

  8. #18
    Sencha User
    Join Date
    Oct 2007
    Location
    Iran
    Posts
    167
    Vote Rating
    0
      0  

    Default Hi pef

    Hi pef
    please email again to me
    No honor is like knowledge

  9. #19
    Sencha User
    Join Date
    Apr 2011
    Posts
    3
    Vote Rating
    0
      0  

    Default Community effort?

    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

  10. #20
    Sencha User
    Join Date
    Oct 2007
    Location
    Iran
    Posts
    167
    Vote Rating
    0
      0  

    Default github project

    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
    No honor is like knowledge

Page 2 of 4 FirstFirst 1234 LastLast

Similar Threads

  1. gxt-support for openlayers/gwt-openlayers
    By Mckeane in forum Ext GWT: Discussion
    Replies: 3
    Last Post: 28 Dec 2010, 4:24 PM
  2. ExtJS and OpenLayers - problem with events
    By paweluz in forum Ext 3.x: Help & Discussion
    Replies: 1
    Last Post: 29 Oct 2010, 1:07 AM
  3. Replies: 0
    Last Post: 15 Sep 2010, 8:22 AM
  4. OpenLayers map into a tabpanel
    By jimmy06200 in forum Ext 2.x: Help & Discussion
    Replies: 0
    Last Post: 15 Oct 2009, 2:04 AM
  5. Openlayers Map and ExtJs grid
    By organic in forum Ext 2.x: Help & Discussion
    Replies: 2
    Last Post: 16 Jun 2009, 6:27 AM

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •