How do I load google maps external javascript after page loads?

Question

I will provide more information to explain my situation. I am building an application with PhoneGap for deployment on iOS. I have a a view/page that user will navigate to (n

Answer 1

//Using jQuery's getScript function

$.getScript('[js containing the initialize function]',function(){
    $.getScript('https://maps.googleapis.com/maps/api/js?v=3.exp&callback=initialize');
}); 

Explanation:

First load your external script containing the initialize function and upon callback, load the google map API with callback equals to initialize.