1. #1
    Sencha User
    Join Date
    Apr 2011
    Posts
    2
    Vote Rating
    0
    cedricmoullet is on a distinguished road

      0  

    Default Conflict OpenLayers Map and Sencha Touch Ext.Panel

    Conflict OpenLayers Map and Sencha Touch Ext.Panel


    Hi,
    On iOs 4.3 (and not on Android 2.3), conflicts are observed between the Ext.Panel and the OpenLayers map.
    The steps to reproduce are the following:
    1. http://openlayers.org/dev/examples/mobile-sencha.html
    2. Map Navigation (Pinch, Drag) is fluid
    3. Open an Ext.Panel (for example by clicking on the bottom right button) and close it
    4. Map Navigation is not fluid anymore. It makes some kind of jumps.
    In such a case, it's always difficult to know if the issue is on the OpenLayers or on the Sencha touch side, but does anybody has an idea of what could be the influence of the Ext.Panel on the OpenLayers.Map ? Does the Ext.Panel activation modifies event or changes the event propagation ?
    Any hint would be appreciated.
    Thanks,
    Cédric

  2. #2
    Sencha User
    Join Date
    Dec 2007
    Posts
    8
    Vote Rating
    0
    aerozep is on a distinguished road

      0  

    Default


    Hi,
    I have the same problem with openlayers + sencha touch.
    I think that the problem is animation.
    But I don't know how to resolve.
    Any solution?
    Thank you, Mattia

  3. #3
    Sencha User
    Join Date
    Apr 2011
    Posts
    2
    Vote Rating
    0
    cedricmoullet is on a distinguished road

      0  

    Default


    Hi,
    GeoExt project is working towards mobile support. Have a look at the mobile MapPanel here http://svn.geoext.org/sandbox/gxm/ge...ib/MapPanel.js
    As far as I know, it's not affected by this issue.
    Cédric

  4. #4
    Sencha User
    Join Date
    Oct 2011
    Posts
    3
    Vote Rating
    0
    fredarters is on a distinguished road

      0  

    Default Ditto

    Ditto


    Seeing the same thing. On my iPad or the iPad simulator if you load the OpenLayers / Sencha Touch demo from the OpenLayers site (http://openlayers.org/dev/examples/mobile-sencha.html) it appears to work fine. If you then open the layer selector (bottom right corner) and close it, the dragging of the map becomes all screwy.

    I have created a separate OL / ST app that just loads a pop up panel with some text in it and the same thing happens. After the panel is opened the dragging of the map is screwed.

    Any thoughts on this from Sencha or does the OL camp need to be looking into it?

    My company is working on mobile support for our product to be used by multiple gov branches. Gonna have to look at jQuery mobile if I cant get Sencha Touch to play nice with OL.

  5. #5
    Sencha User
    Join Date
    Aug 2011
    Location
    London
    Posts
    409
    Vote Rating
    18
    digeridoopoo will become famous soon enough

      0  

    Default Cant test yet...

    Cant test yet...


    There seems to be an answer to this question on the Openlayers forum:

    http://osgeo-org.1803224.n2.nabble.c...td6228284.html

    More info can be found here. Christopher Schmidt comments on problems and solutions he has come across. Watch the slideshare too as there are live example with code and examples of OpenLayers and JQuery Mobile:

    http://geoext.blogspot.com/2011/02/openlayers-mobile-code-sprint-summary.html

    http://dev.geoext.org/sandbox/gxm/geoext/gxm/examples/mappanel.html

    I remember reading something about setting some items to destroy: true. I am just guessing here...I wonder how we can find a solution?

    :-)

  6. #6
    Sencha User
    Join Date
    Oct 2011
    Posts
    3
    Vote Rating
    0
    fredarters is on a distinguished road

      0  

    Default Thanks

    Thanks


    Thanks for the reply.

    I read that thread before posting here and did not see a solution in it directly. My example does destroy the pop up and the problem still persists. Additionally, if the map is added to a tab control the problem is present right off... with nothing to destroy.

    The GXM objects in the sandbox does not seem to have this problem.. however I already have an implementation of openlayers wrapper for my application. My preference would be to fix it and not have to re implement using the gxm class... if possible.

    Trying to figure out now how gxm creates the map differently than how I am doing it.

  7. #7
    Sencha User
    Join Date
    Aug 2011
    Location
    London
    Posts
    409
    Vote Rating
    18
    digeridoopoo will become famous soon enough

      0  

    Default Geoext

    Geoext


    So after much research it seems GeoExt is the way to go right now...as you say there is not a problem with zooming after pressing buttons in the interface: http://dev.geoext.org/sandbox/gxm/ge.../mappanel.html

    My next step is to investigate further offline storage of tiles. I've been reading up for about 2 weeks the issue and to be honest I'm still not much clearer!! There are so many different formats and methods it gets confusing very quickly!

    As an example, I found this site: http://openlayerer.appspot.com/ which allows you to build a custom optimised openlayers.js file....just look at how many formats there are!!! I was hoping I could use this to build an openlayer.js file that lets me store tiles offline, perhaps with tilecache?

    This example works after you have zoomed in and disconnect the internet:
    http://dev.openlayers.org/releases/O...tilecache.html


    Does anyone have any suggestions as to what format I should use, if I want a map of the world with minimal zoom level (3 or 4)?

    Thanks,

    Digeridoopoo

  8. #8
    Sencha User
    Join Date
    Aug 2011
    Location
    London
    Posts
    409
    Vote Rating
    18
    digeridoopoo will become famous soon enough

      0  

    Default Safari problem?

    Safari problem?


    So I did the same test ( openlayers sencha demo: http://openlayers.org/dev/examples/mobile-sencha.html) on iCab mobile v5.1 on the iPad and there is none of the slowdown issues we see once we activate a popup and try and zoom. I also gather that iCab is based on webkit? Maybe an earlier version?

    Anyway I'm sticking to geoext as there don't see to be these issues...

Similar Threads

  1. Conflict wit sencha / phonegap & html5 database
    By erneso.laval in forum Sencha Touch 1.x: Discussion
    Replies: 4
    Last Post: 11 Jul 2011, 7:13 PM
  2. Sencha Touch Nested panel with CardLayout
    By shuchia in forum Sencha Touch 1.x: Discussion
    Replies: 3
    Last Post: 6 Oct 2010, 12:11 PM
  3. Replies: 0
    Last Post: 15 Sep 2010, 8:22 AM
  4. <ul><li> doesn't render in Sencha Touch panel?
    By JacobGu in forum Sencha Touch 1.x: Discussion
    Replies: 3
    Last Post: 19 Aug 2010, 12:55 PM
  5. Split Panel not showing up? Sencha Touch
    By vijayrao in forum Sencha Touch 1.x: Discussion
    Replies: 4
    Last Post: 18 Aug 2010, 4:19 PM

Thread Participants: 3

Tags for this Thread