File: x/co_br.js

$(document).ready(function() {

	var mapCenter = new google.maps.LatLng(-14.1368671699895, -441621484374999); //Google map Coordinates
	var map;
	
	map_initialize(); // initialize google map
	
	//############### Google Map Initialize ##############
	function map_initialize()
	{
			var googleMapOptions = 
			{ 
				center: mapCenter, // map center
				zoom: 20, //zoom level, 0 = earth view to higher value
				maxZoom: 20,
				minZoom: 20,
				zoomControlOptions: { style: google.maps.ZoomControlStyle.SMALL //zoom control size
				
				
			},
				scaleControl: true, // enable scale control
				mapTypeId: google.maps.MapTypeId.ROADMAP // google map type
			};
		
                    //Getting map DOM element
                   
					if (navigator.geolocation) {
						navigator.geolocation.getCurrentPosition(function(position) {
							var lat = position.coords.latitude;
							var lng = position.coords.longitude;
							//Creating LatLng object with latitude and longitude.
							var devCenter =  new google.maps.LatLng(lat, lng);
							map.setCenter(devCenter);
							
							map.setZoom(20);
							var image = 'bom.gif';
							//creating the marker with the position supplied
							var marker = new google.maps.Marker({
								position: devCenter,
								  icon: image,
								map: map,
								optimized: false
							});
						
						});
					}
		   	map = new google.maps.Map(document.getElementById("co_br"), googleMapOptions);			
			
			//Load Markers from the XML File, Check (map_process.php)
			$.get("x/co_br.php", function (data) {
				$(data).find("sp").each(function () {
					  var name 		= $(this).attr('name');
					   var data 		= $(this).attr('data');
					    var hora 		= $(this).attr('hora');
						 var bo 		= $(this).attr('bo');
					  var address 	= '<p>'+ $(this).attr('address') +'</p>';
					   var uf 		= $(this).attr('uf');
					    var cidade 		= $(this).attr('cidade');
					  var type 		= $(this).attr('type');
					  var point 	= new google.maps.LatLng(parseFloat($(this).attr('lat')),parseFloat($(this).attr('lng')));
					  create_marker(point, name,address,data,hora,bo, uf, cidade, false, false, false,type);
				});
			});	
			
									
	}
	
	//############### Create Marker Function ##############
	function create_marker(MapPos, MapTitle,MapDesc,MapData,MapHora,MapBo,MapUf,MapCidade, InfoOpenDefault, DragAble, Removable, iconPath)
	{	  	  		  
		
		//new marker
		var marker = new google.maps.Marker({
			position: MapPos,
			map: map,
			draggable:DragAble,
			animation: google.maps.Animation.DROP,
			title:"Ponto X!",
			icon: iconPath,
			optimized: false
		});
		
		//Content structure of info Window for the Markers
		var contentString = $('<div class="marker-info-win">'+
		'<div class="marker-inner-win"><span class="info-content">'+
		'<h4 class="marker-heading">'+MapTitle+'</h4>'
		+ ' '+MapDesc+ '<br>'
		+ ' '+MapUf+ ' <br> '
		+ ''+MapCidade+ ' '+
		
		'</span>'+
		'</div>Capturar</div>');	

		
		//Create an infoWindow
		var infowindow = new google.maps.InfoWindow();
		//set the content of infoWindow
		infowindow.setContent(contentString[0]);

		//Find remove button in infoWindow
		var removeBtn 	= contentString.find('button.remove-marker')[0];
		var saveBtn 	= contentString.find('button.save-marker')[0];

		//add click listner to save marker button		 
		google.maps.event.addListener(marker, 'click', function() {
				infowindow.open(map,marker); // click on marker opens info window 
				   var markerclusterer = new MarkerClusterer(infowindow);
	    });
		  
		if(InfoOpenDefault) //whether info window should be open by default
		{
		  infowindow.open(map,marker);
		  var markerclusterer = new MarkerClusterer(infowindow);
		}
	}
	
	

});