Google maps jQuery plugin microformats example

	<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"></script>
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.min.js""></script>
	<script type="text/javascript" src="PATH_TO_PLUGIN/jquery.ui.map.js"></script>
	<script type="text/javascript" src="PATH_TO_PLUGIN/jquery.ui.services.js"></script>
	<script type="text/javascript" src="PATH_TO_PLUGIN/jquery.ui.microformats.js"></script>

	<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"></script>
	<script type="text/javascript" src="PATH_TO_PLUGIN/jquery.fn.gmap.js"></script>
	<script type="text/javascript" src="PATH_TO_PLUGIN/jquery.ui.services.js"></script>
	<script type="text/javascript" src="PATH_TO_PLUGIN/jquery.ui.microformats.js"></script>

<script type="text/javascript">
	$(function() {
		$('#map_canvas').gmap().bind('init', function(evt, map) {
			$('#map_canvas').gmap('microformat', 'vevent', function(data, item, index) {
				var clone = $(item).clone().addClass('ui-dialog-vevent').append('<div id="streetview{0}" class="streetview"></div>'.replace('{0}', index));
				$('#map_canvas').gmap('addMarker', { 'bounds':true, 'position': new google.maps.LatLng(data.latitude.title, data.longitude.title), 'title': data.summary.text, 'icon':new google.maps.MarkerImage('http://google-maps-icons.googlecode.com/files/music-rock.png') }, function(map, marker) {
					$(item).find('.summary').click( function() {
						$(marker).triggerEvent('click');
						return false;
					}); 
				}).click(function() {
					map.panTo( $(this).get(0).getPosition());
					$(clone).dialog({ 'modal': true, 'width': 530, 'title': data.summary.text, 'resizable': false, 'draggable': false });
					$('#map_canvas').gmap('displayStreetView', 'streetview{0}'.replace('{0}', index), { 'position': $(this).get(0).getPosition() });
				});
			});
		});
	});
</script>