Display map on Property Hive full details page

gistfile1.txt

<div id="map_canvas" style="height:300px"></div>

<script src="http://maps.google.com/maps/api/js"></script>
<script>
	
	var map; // Global declaration of the map
			
	function initialize_map() {
				
		var myLatlng = new google.maps.LatLng(<?php echo $property->latitude; ?>, <?php echo $property->longitude; ?>);
		var myOptions = {
			zoom: 13,
			center: myLatlng,
			mapTypeId: google.maps.MapTypeId.ROADMAP
		}
		map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
				
		var myLatlng = new google.maps.LatLng(<?php echo $property->latitude; ?>, <?php echo $property->longitude; ?>);
				
		var markerOptions = {
			map: map,
			position: myLatlng		
		};
		marker = createMarker(markerOptions);
	}
		
	function createMarker(markerOptions) {
		var marker = new google.maps.Marker(markerOptions);
		return marker;
	}
	
	google.maps.event.addDomListener(window, "load", initialize_map);
</script>