JQuery Mobile and Google Maps Not Rendering Correctly

Question

I am simply trying to display a google map within a jquery mobile page. If I load the page directly it works. However, if I navigate to the page from another page it only rend

Answer 1

I think the right approach would be to trigger the event when partial tile is loaded once. Below code snippet will help you in achieving that.

google.maps.event.addListenerOnce(map, 'tilesloaded', function(){
    google.maps.event.trigger(map,'resize');
});