google maps not displayed correctly unless refreshing

Question

I am using JQuery mobile with the Google Map API. The map is not displayed properly unless I refresh the page and I don\'t understand why.

here is my map.html file:<

Answer 1

Try to add following code...

$('#canvas-map').on('pageshow', function(){
    google.maps.event.trigger(canvas-map, "resize");
});

this will fire resize event and reload the map on your page.