Conflict OpenLayers Map and Sencha Touch Ext.Panel

[cedricmoullet]

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

[aerozep]

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

[cedricmoullet]

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

[fredarters]

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.

[digeridoo]

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?

:-)

[fredarters]

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.

[digeridoo]

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

[digeridoo]

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