Google Maps example - with marker and custom controls

gistfile1.txt

	<div id="map" style="height:600px"></div>
	<script>
		function initMap() {
			var myLatLng = { lat: <?php esc_attr_e( sing_post_latitude() ); ?>, lng: <?php esc_attr_e( sing_post_longitude() ); ?> };
			var map = new google.maps.Map(document.getElementById('map'), {
				center: myLatLng,
				scrollwheel: false,
				disableDoubleClickZoom: true,
				streetViewControl: false,
				mapTypeControl: false,
				zoom: 12,
			}); 
			var marker = new google.maps.Marker({
				position: myLatLng,
				map: map,
				title: '<?php the_title(); ?>'
			});
		}
	</script>
	<script async defer src="https://maps.googleapis.com/maps/api/js?callback=initMap"></script>