JQUERY: Quick Google Map

JQUERY: Quick Google Map

		<script type="text/javascript"  
		    src="http://maps.google.com/maps/api/js?sensor=false">  
		</script>  
		<script type="text/javascript">  
			var $map = jQuery.noConflict();
			$map( document ).ready(function() {
				var latlng = new google.maps.LatLng(<?php the_field('location_gps');?>);  
				var myOptions = {  
				  zoom: 17,  
				  center: latlng,  
				  mapTypeId: google.maps.MapTypeId.ROADMAP  
				};  
				  
				var map = new google.maps.Map(document.getElementById("map_canvas"),  
				    myOptions);  

				// Creating a marker and positioning it on the map    
				var marker = new google.maps.Marker({    
				  position: new google.maps.LatLng(<?php the_field('location_gps');?>),    
				  map: map    
				});  
			});
		</script>  
 
		<div id="map_canvas" style="width:100%; min-height:500px; height:100%"></div>