Load Google Map only with consent

deferred-google-maps.js

<script>
	function initializeGoogleMap(id, address) {
		var el = document.createElement('iframe');
	// put your settings here
		el.width = 600;
		el.height = 450;
		el.frameborder = 0;
         // put your query and your key here
		el.src = 'https://www.google.com/maps/embed/v1/place?q=<your-query>&zoom=16&key=<your-api-key>';
		el.allowfullscreen = true;
		document.getElementById('map' + id).appendChild(el);
		}
	// you will need a button with an ID #load-map on your page
		document.querySelector('a[href="#load-map"]').addEventListener('click', function(e) {
			// refer to proper class
			initializeGoogleMap('346');
			document.getElementById('map346').style.display = 'block';
			e.preventDefault ? e.preventDefault() : e.returnValue = false;
		});
</script>