Google map API V3 position issue on iOS after jquery mobile slide animation

[chaaarly]

Hello, 

i'm curently developing an iOS/Android web application with Phonegap and jQuery mobile. In one of the app jQuery mobile pages, i use the Google map API V3 in order to display a list of points which can be touch to display the point detail in an other jQuery mobile page.The two pages are separated with a jQuery mobile slide transition (right to left animation).

The first time i load the map page i see my map centered to display all my points. If i touch a point i go to the point detail page (with the slide transition).

Sample here : http://i.stack.imgur.com/UONeg.png

When i come back to the map page with my jQuery mobile back button (with the inverse left to right slide transition) the map is still displayed with my points but there is an issue with the map background pictures, they are not correctly loaded :

Sample here : http://i.stack.imgur.com/4KwpY.png

Even if i move the map, the top right corner map background remain ok but the bottom and left side disapear or never display as they are not in the map container.

This issue seems to be due to the slide transition because if i set the jQuery mobile transition between the two pages to "none" instead of "slide", every thing is OK. If i set this transition to "pop", there is no problem but if i choose the "slideup" one, there is a problem too...

This issue appear only on iOS, everything is OK on Android...

I also logged some map informations on the "pagebeforehide" and "pageshow" jQuery mobile page events :

var center = this.map.getCenter();
var bounds = this.map.getBounds();
var boundsCenter = bounds.getCenter();
var boundsNE = bounds.getCenter();
var boundsSW = bounds.getSouthWest();
var boundsSpan = bounds.toSpan();
console.log("map center: " + center.lat() + "/" + center.lng());
console.log("map bounds center: " + boundsCenter.lat() + "/" + boundsCenter.lng());
console.log("map bounds NE: " + boundsNE.lat() + "/" + boundsNE.lng());
console.log("map bounds NW: " + boundsSW.lat() + "/" + boundsSW.lng());
console.log("map bounds toSpan: " + boundsSpan.lat() + "/" + boundsSpan.lng());

Here are the results with a "none" transition, so without any problem :

2012-01-24 17:16:30.363 Chronopost[2419:707] [INFO] >>> pagebeforehide
2012-01-24 17:16:30.365 Chronopost[2419:707] [INFO] map center: 48.8838/2.2571199999999862
2012-01-24 17:16:30.370 Chronopost[2419:707] [INFO] map bounds center: 48.88379559257292/2.2571199999999862
2012-01-24 17:16:30.372 Chronopost[2419:707] [INFO] map bounds NE: 48.88379559257292/2.2571199999999862
2012-01-24 17:16:30.373 Chronopost[2419:707] [INFO] map bounds NW: 48.862799445492925/2.2296541796874862
2012-01-24 17:16:30.375 Chronopost[2419:707] [INFO] map bounds toSpan: 0.041992294160003496/0.054931640625
2012-01-24 17:20:13.428 Chronopost[2419:707] [INFO] >>> pageshow
2012-01-24 17:20:18.393 Chronopost[2419:707] [INFO] map center: 48.8838/2.2571199999999862
2012-01-24 17:20:18.395 Chronopost[2419:707] [INFO] map bounds center: 48.88379559257292/2.2571199999999862
2012-01-24 17:20:18.397 Chronopost[2419:707] [INFO] map bounds NE: 48.88379559257292/2.2571199999999862
2012-01-24 17:20:18.398 Chronopost[2419:707] [INFO] map bounds NW: 48.862799445492925/2.2296541796874862
2012-01-24 17:20:18.400 Chronopost[2419:707] [INFO] map bounds toSpan: 0.041992294160003496/0.054931640625

Here are the results with a "none" transition, so without any problem :

2012-01-24 17:23:10.469 Chronopost[2439:707] [INFO] >>> pagebeforehide
2012-01-24 17:23:10.471 Chronopost[2439:707] [INFO] map center: 48.8838/2.2571199999999862
2012-01-24 17:23:10.472 Chronopost[2439:707] [INFO] map bounds center: 48.88379559257292/2.2571199999999862
2012-01-24 17:23:10.474 Chronopost[2439:707] [INFO] map bounds NE: 48.88379559257292/2.2571199999999862
2012-01-24 17:23:10.476 Chronopost[2439:707] [INFO] map bounds NW: 48.862799445492925/2.2296541796874862
2012-01-24 17:23:10.477 Chronopost[2439:707] [INFO] map bounds toSpan: 0.041992294160003496/0.054931640625
2012-01-24 17:23:17.160 Chronopost[2439:707] [INFO] >>> pageshow
2012-01-24 17:23:22.120 Chronopost[2439:707] [INFO] map center: 48.90479173965293/2.2296541796874747
2012-01-24 17:23:22.122 Chronopost[2439:707] [INFO] map bounds center: 48.90479173965295/2.2296541796874862
2012-01-24 17:23:22.124 Chronopost[2439:707] [INFO] map bounds NE: 48.90479173965295/2.2296541796874862
2012-01-24 17:23:22.125 Chronopost[2439:707] [INFO] map bounds NW: 48.90479173965295/2.2296541796874862
2012-01-24 17:23:22.127 Chronopost[2439:707] [INFO] map bounds toSpan: 0/0

We can see that without animation, there is no difference between before and after whereas with the slide animation they are differences... 

Thanks for the help.