gmap2

<div class="google-map-api">
	<div id="map-canvas" class="gmap"></div>
</div>
<script type="text/javascript">
				google_api_map_init();
				function google_api_map_init(){
					var map;

					var locations = [
					<?php
					$args = array(
						'showposts' => -1,
						'post_type' => 'product',
						);

					global $wp_query;
					$wp_query = new WP_Query( $args );

						$i = 1; while ( $wp_query->have_posts() ) :
							$wp_query->the_post();

					$mylati = get_post_meta($post->ID, 'csf_lati', true);
					$mylong = get_post_meta($post->ID, 'csf_long', true);
					if(($mylati !== '') && ($mylong !== '')) :
					?>
					{
					latlng : new google.maps.LatLng(<?php echo $mylati; ?>,<?php echo $mylong; ?>),
					},
					<?php endif; ?>
					<?php $i++; endwhile; ?>

					];

					var marker;

			function initialize() {
						var mapOptions = {
							zoom: 12,
							center: locations,
							scrollwheel: false
						}
						var map = new google.maps.Map(document.getElementById("map-canvas"), mapOptions);

						for (var i = 0; i < locations.length; i++) {
						marker = new google.maps.Marker({
							map:map,
							draggable:true,
							position: locations[i].latlng
						});
						}

					}
					google.maps.event.addDomListener(window, "load", initialize);
				}

		</script>