Google Map API v3 off center if reloaded (not the usual 'resize' thing)

Question

I read all the similar questions but mine is slightly different. The first time a JQuery Mobile dialog is displayed, the map loads fine inside the usual map_canvas div, but

Answer 1

I Agree with @peter .. You do not need to create map on each pageshow event.. Instead, try this:

$(document).on("pagebeforechange", function()
{
    if(mapObj){
        center = mapObj.getCenter();
    }
});
$("#mapPage").bind("pageshow", function()
{
    google.maps.event.trigger(mapObj, "resize");
    if(center)mapObj.setCenter(center);
});