Jquery Mobile not loading Google Map (except on refresh)

Question

I\'m using Jquery Mobile 1.0 and Google Maps v3 to load a user location map. The map loads fine when accessed via direct url but when accessed from a link, it chokes up and not

Answer 1

Interesting, I need to use "pageshow" rather than "pageinit" when navigating from another page.

When using "pageinit", the on function is run, but the callback function to draw the map is not. When using "pageshow" as in $( document ).on( "pageshow", "#map-page", function() {, then the callback draw map is run just fine by jQuery.

So, while I would prefer to use "pageinit", that just doesn't work for me.