Google maps jQuery plugin load markers with RDFa example

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() {
		$('#map_canvas').gmap({ 'callback': function () {
				$('#map_canvas').gmap('loadMetadata', 'rdfa', 'vcard:Vevent', function(i, item, data) { 
					var latlng = data['geo:lat_long'].content.split(',');
					$('#map_canvas').gmap('addMarker', { 'bounds':true, 'position': new google.maps.LatLng(latlng[0], latlng[1]), 'animation': google.maps.Animation.DROP });
				});
			}
		});
	});
</script>

More Google maps and jQuery examples