http://stackoverflow.com/questions/12601907/loading-google-maps-in-anonymous-function

http://stackoverflow.com/questions/12601907/loading-google-maps-in-anonymous-function

 

window.gMapsCallback = function(){

    $(window).trigger('gMapsLoaded');

}



$(document).ready((function(){

    function initialize(){

        var mapOptions = {

            zoom: 8,

            center: new google.maps.LatLng(-34.397, 150.644),

            mapTypeId: google.maps.MapTypeId.ROADMAP

        };

        map = new google.maps.Map(document.getElementById('map_canvas'),mapOptions);

    }

    function loadGoogleMaps(){

        var script_tag = document.createElement('script');

        script_tag.setAttribute("type","text/javascript");

        script_tag.setAttribute("src","http://maps.google.com/maps/api/js?sensor=false&callback=gMapsCallback");

        (document.getElementsByTagName("head")[0] || document.documentElement).appendChild(script_tag);

    }

    $(window).bind('gMapsLoaded', initialize);

    loadGoogleMaps();

})());