CODEWITHSUNDEEP
jquerygoogle-mapsjquery-mobilegoogle-maps-api-3
RonnieT
RonnieT

Reputation: 2203

Google Maps - jQuery Mobile

I have a jQuery Mobile site and also have Google maps currently running on multiple pages. The problem I have is when I navigate between pages, the map won't render again (only loads on the first page selected). The page needs to be refreshed before it will load again. What am I missing?

jQuery("div:jqmData(role='page'):last").live('pageinit', function(){
    initialize();
});

jQuery("div:jqmData(role='page'):last").live('pageinit', function(){
    google.maps.event.trigger(map, 'resize');
    map.setOptions(options); 
});

Upvotes: 3

Views: 719

Answers (1)

Peter Tseng
Peter Tseng

Reputation: 14003

Call google.maps.event.trigger(mapObj, "resize"); on pageshow or pagechange instead of pageinit.

Upvotes: 3

Related Questions