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. -- You received this message because you are subscribed to the Google Groups "Google Maps JavaScript API v3" group. To view this discussion on the web visit https://groups.google.com/d/msg/google-maps-js-api-v3/-/6fA0U4RJRc4J. To post to this group, send email to [email protected]. To unsubscribe from this group, send email to [email protected]. For more options, visit this group at http://groups.google.com/group/google-maps-js-api-v3?hl=en.
