0

hi im working on a project for a friend to modified an existing website with a google map api.the site has some menu that link to a specified cluster on the google map and i want to add some more menu and link it to a marker on the map that i define my self. but im having some trouble to add marker for im new to google map api.

here is the code hope someone can point me to the right direction.

<script type="text/javascript">

    function loadMap() {
    }

    </script>
<script type="text/javascript">

$(document).ready(function(){
	
	if($('#map_canvas').length){
	$.post('map.php', {
			'type' : 'cat_id',
			'id' : 1
		}, function(m){
			$offres = m.split('---');
			var map = new GMap2(document.getElementById("map_canvas"));
      map.setUIToDefault();
			map.setCenter(new GLatLng(46.526626930135635, 6.647930145263672), 13);
			var markers = [];  
			for($i = 0; $i < $offres.length; $i++) {
				$o = $offres[$i].split('|');
				$title = $o[1];
				$latlong = $o[2] + '';
				$coor = $latlong.split(',');
				$long = $coor[1];
				$lat = $coor[0];
				var point = new GLatLng(parseFloat($lat), parseFloat($long));
				var marker = new GMarker(point);
				createMarker(marker, $title);
				markers.push(marker);
			}
			var mgr = new MarkerClusterer(map, markers); 
			//mgr.addMarkers(markers);
			mgr.resetViewport();
		});
	}
	
	$('a.filter').click(function(e){
		e.preventDefault();
		$('.active-selector').removeClass('active-selector');
		$(this).addClass('active-selector');
		$('#region-wrapper').slideDown();
		$('.print-list a.print-print').attr('href', '/staging/?tmpl=component&option=com_offers&cat_id=' + this.id);
	});
	
	$('#region-wrapper .submenu a').click(function(e) {
		e.preventDefault();
		var region = $(this).html();
		//$('#example_filter input').val(region).keyup();
		$('#datacolumn tr').hide();
		$('#datacolumn td:contains("' + region + '")').parent('tr').show();
	});
	
	//map
	$('#carte-wrapper a.filter').click(function() {
		var catid = this.id;
		var type = '';
		if($(this).hasClass('submenuheader')) {
			type = 'cat_id';
		} else {
			type = 'subcat_id';
		}
		
		$.post('map.php', {
			'type' : type,
			'id' : catid
		}, function(m){
			$offres = m.split('---');
			var map = new GMap2(document.getElementById("map_canvas"));
      map.setUIToDefault();
			map.setCenter(new GLatLng(46.526626930135635, 6.647930145263672), 13);
			var markers = [];
			for($i = 0; $i < $offres.length; $i++) {
				$o = $offres[$i].split('|');
				$title = $o[1];
				$latlong = $o[2] + '';
				$coor = $latlong.split(',');
				$long = $coor[1];
				$lat = $coor[0];
				var point = new GLatLng(parseFloat($lat), parseFloat($long));
				var marker = new GMarker(point);
				createMarker(marker, $title);
				markers.push(marker);
				
			map.setCenter(point, 13);
			}
			var mgr = new MarkerClusterer(map, markers); 
			//mgr.addMarkers(markers);
			mgr.resetViewport();
		});
		
	});
	
	$('#carte-wrapper #region-wrapper a.menuitem').click(function() {
		var rid = this.id;
		
		var type = '';
		if($(this).hasClass('submenuheader')) {
			type = 'region_id';
		} else {
			type = 'subregion_id';
		}
		
		$.post('map.php', {
			'region' : true,
			'rid' : rid,
			'type' : type
		}, function(m){
			$offres = m.split('---');
			var map = new GMap2(document.getElementById("map_canvas"));
      map.setUIToDefault();
			map.setCenter(new GLatLng(46.526626930135635, 6.647930145263672), 13);
			var markers = [];
			for($i = 0; $i < $offres.length; $i++) {
				$o = $offres[$i].split('|');
				$title = $o[1];
				$latlong = $o[2] + '';
				$coor = $latlong.split(',');
				$long = $coor[1];
				$lat = $coor[0];
				var point = new GLatLng(parseFloat($lat), parseFloat($long));
				var marker = new GMarker(point);
				createMarker(marker, $title);
				markers.push(marker);
				
			map.setCenter(point, 13);
			}
			var mgr = new MarkerClusterer(map, markers); 
			//mgr.addMarkers(markers);
			mgr.resetViewport();
		});
		
	});
	
});

function load_regResult(region){
		$('#datacolumn tr').hide();
		$('#datacolumn td:contains("' + region + '")').parent('tr').show();
}

function createMarker(marker, title) {
    GEvent.addListener(marker, "click", function() {
        marker.openInfoWindowHtml(title);
    });
}


</script>
2
Contributors
1
Reply
3
Views
6 Years
Discussion Span
Last Post by pritaeas
0

What problem are you having exactly ? Perhaps you could make a smaller example that isolates your problem. Maybe this thread can be of help.

Edited by pritaeas: n/a

This topic has been dead for over six months. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.