Google maps jQuery plugin basic example

CLICK TO TOGGLE

Using jquery with Google maps

Download jQuery 1.4.X or higher and jQuery UI 1.8.X or higher or use Googles or Microsofts CDN.

	<script src="http://maps.google.com/maps/api/js?sensor=true" type="text/javascript"></script>
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js" type="text/javascript"></script>
	<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.min.js" type="text/javascript"></script>
	<script src="PATH_TO_PLUGIN/jquery.ui.map.js" type="text/javascript"></script>
<script type="text/javascript">
	$(function() {
		var latlng = new google.maps.LatLng(59.3426606750, 18.0736160278);
		$('#map_canvas').gmap({'center': latlng, 'callback': function () {
				$('#map_canvas').gmap('addMarker', {'position': latlng, 'title': 'Hello world!'});
			}
		});
	});
</script>

More Google maps and jQuery examples