Google Maps in Modal.

Hello,

Since the Google Maps and Modals both are initiated using jQuery, there can be some conflicts. You will need to Re-Initialize the Google Maps JS in order to be shown inside the Modal Window. Consider using the following HTML Code:

Launch modal

	
		
			
				
					×
					Google Map
				
				

					

				
				
					Close
					Save changes
				
			
		
	

and then add the following JS Code at the bottom of the Page just after the js/functions.js JS File Linking:

var gMapShowed = 0,
	showGmap = function() {

		if( gMapShowed == 1 ) { return true; }

		jQuery('#google-map').gMap({

			 address: 'Melbourne, Australia',
			 maptype: 'ROADMAP',
			 zoom: 14,
			 markers: [
				{
					address: "Melbourne, Australia"
				}
			 ],
			 doubleclickzoom: false,
			 controls: {
				 panControl: true,
				 zoomControl: true,
				 mapTypeControl: true,
				 scaleControl: false,
				 streetViewControl: false,
				 overviewMapControl: false
			}
		});

		gMapShowed = 1;

}

jQuery('#gMapModal').on('shown.bs.modal', function () {
	showGmap();
});

This will definitely work fine. Let us know if we can help you with anything else or if you find any further issues.