﻿var map;
    function loadMap(nome,morada) 
    {       
	   //////////////////
	    map = new GMap2(document.getElementById("gmap"));	    
        //map.addControl(new GMapTypeControl());
		//map.addControl(new GSmallZoomControl());
		var point = new GLatLng(42.076308,-8.481226); 
		map.setCenter(point, 15); // escolher o grau de zoom de abertura
		//GEvent.addListener(icon2, "click", function() {  alert("You clicked the map."); }
	    var icon = new GIcon();	
		
		icon.image = "../scripts/gmap/googleIcon1.png";
		//icon.url = "http://showcase.imoguia.com/clientes/casasdocais"
        icon.iconSize = new GSize(42, 42);
        icon.iconAnchor = new GPoint(0 ,0); //cordenada da ponta da seta na imagem escolhida
        icon.infoWindowAnchor = new GPoint(0, 0);	
		
        map.clearOverlays();
	    // para abrir as infos:
        var m1=new GMarker(point, icon);             
    
		 GEvent.addListener(m1, "click", function() {m1.openInfoWindowHtml("<div style='height:70px; width:300px;'><b>"+nome+"</b><br>"+morada+"<br><br></div>");});
		map.addOverlay(m1);
			
		///////////////////
		// A TextualZoomControl is a GControl that displays textual "Zoom In"
		// and "Zoom Out" buttons (as opposed to the iconic buttons used in
		// Google Maps).
		function TextualZoomControl() {} TextualZoomControl.prototype = new GControl();
		// Creates a one DIV for each of the buttons and places them in a container
		// DIV which is returned as our control element. We add the control to
		// to the map container and return the element for the map class to
		// position properly.
		TextualZoomControl.prototype.initialize = function(map) {  
		var container = document.createElement("div"); 
		var zoomInDiv = document.createElement("div");  
		this.setButtonStyle_(zoomInDiv);  
		container.appendChild(zoomInDiv);  
		zoomInDiv.appendChild(document.createTextNode("Zoom In"));  
		GEvent.addDomListener(zoomInDiv, "click", function() {   
		 map.zoomIn();  });  
		 var zoomOutDiv = document.createElement("div");  
		 this.setButtonStyle_(zoomOutDiv);  
		 container.appendChild(zoomOutDiv);  
		 zoomOutDiv.appendChild(document.createTextNode("Zoom Out"));  
		 GEvent.addDomListener(zoomOutDiv, "click", function() {    
		 map.zoomOut();  });  
		 map.getContainer().appendChild(container);  
		 return container;}		 
		 // By default, the control will appear in the top left corner of the
		 // map with 7 pixels of padding.
		 TextualZoomControl.prototype.getDefaultPosition = function() {  
		 return new GControlPosition(G_ANCHOR_TOP_LEFT, new GSize(4, 4));}
		 // Sets the proper CSS for the given button element.
		 TextualZoomControl.prototype.setButtonStyle_ = function(button) { 
		  button.style.textDecoration = "none";  
		  button.style.color = "#ffffff";  
		  button.style.backgroundColor = "#9f025f";  
		  button.style.font = "11px Arial";  
		  button.style.border = "1px solid #ffffff";  
		  button.style.padding = "2px";  
		  button.style.marginBottom = "3px";  
		  button.style.textAlign = "center";  
		  button.style.width = "6em";  
		  button.style.cursor = "pointer";}
		 
		  map.addControl(new GLargeMapControl());
 map.setMapType(G_HYBRID_MAP);
        var mapControl = new GMapTypeControl();
        map.addControl(mapControl);
		  
		
	}