Google maps jQuery plugin multiple maps on page example

Clear markers

Clear markers

Clear markers

Clear markers

Using jquery with Google maps

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

	<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>

or

	<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">
	$(function() {
		$('#map_canvas1').gmap({ 'center': '59.3426606750, 18.0736160278' });
		$('#map_canvas2').gmap({ 'center': '69.7504264130, 21.0696260023' });
	});
</script>

More Google maps and jQuery examples