1 Apr 2011 7:55 PM #1
Conflict OpenLayers Map and Sencha Touch Ext.Panel
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:
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.
28 May 2011 7:16 AM #2
I have the same problem with openlayers + sencha touch.
I think that the problem is animation.
But I don't know how to resolve.
Thank you, Mattia
28 May 2011 7:53 PM #3
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.
7 Oct 2011 7:03 AM #4
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.
7 Oct 2011 8:42 AM #5
Cant test yet...
There seems to be an answer to this question on the Openlayers forum:
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:
I remember reading something about setting some items to destroy: true. I am just guessing here...I wonder how we can find a solution?
10 Oct 2011 5:39 AM #6
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.
4 Dec 2011 11:43 PM #7
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:
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)?
6 Dec 2011 1:30 AM #8
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...
By erneso.laval in forum Sencha Touch 1.x: DiscussionReplies: 4Last Post: 11 Jul 2011, 7:13 PM
By shuchia in forum Sencha Touch 1.x: DiscussionReplies: 3Last Post: 6 Oct 2010, 12:11 PM
By Hige in forum Ext 2.x: Help & DiscussionReplies: 0Last Post: 15 Sep 2010, 8:22 AM
By JacobGu in forum Sencha Touch 1.x: DiscussionReplies: 3Last Post: 19 Aug 2010, 12:55 PM
By vijayrao in forum Sencha Touch 1.x: DiscussionReplies: 4Last Post: 18 Aug 2010, 4:19 PM