Loading Google Maps API on demand

gmaps_load.js

// main.js
function loadGoogleMapsApi(){
	if(typeof google === "undefined"){
		var script = document.createElement("script");
		script.src = "https://maps.google.com/maps/api/js?sensor=false&callback=loadGoogleMapsApiReady";
		document.getElementsByTagName("head")[0].appendChild(script);
	} else {
		loadGoogleMapsApiReady();
	}
}
function loadGoogleMapsApiReady(){
	$("body").trigger("gmap_loaded");
}

// other.js
$("body").bind("gmap_loaded", function(){
	alert("Google map is loaded and ready to be used!");
});
loadGoogleMapsApi();