// JavaScript Document

function initializer()
{
	if (GBrowserIsCompatible())
	{
		var map = new GMap2(document.getElementById("map_canvas"));
        map.setCenter(new GLatLng(36.929743,-1.94571), 13);
		map.setMapType(G_SATELLITE_MAP);
        var customUI = map.getDefaultUI();
        // Remove MapType.G_HYBRID_MAP
        map.setUI(customUI);
		map.removeMapType(G_PHYSICAL_MAP);

		// Create our "tiny" marker icon
		var tinyIcon = new GIcon();
		tinyIcon.image = "http://www.cerrolagorra.com/nw/images/maps/hostal.png";
		tinyIcon.shadow = "http://labs.google.com/ridefinder/images/mm_20_shadow.png";
		tinyIcon.iconSize = new GSize(35, 25);
		tinyIcon.shadowSize = new GSize(22, 20);
		tinyIcon.iconAnchor = new GPoint(-6,24);
		tinyIcon.infoWindowAnchor = new GPoint(5, 1);
		point = new GLatLng(36.950726,-1.964237);

		// Creates a marker whose info window displays the letter corresponding
		// to the given index.
		function createMarker(point)
		{

			// Set up our GMarkerOptions object
			markerOptions = { icon:tinyIcon };
			var marker = new GMarker(point, markerOptions);

			GEvent.addListener(marker, "click", function() { marker.openInfoWindowHtml("<b>CASA RURAL CERRO LA GORRA</b><br />Paraje de la Joya, Agua Amarga");} );
			return marker;
		}

		// Set up our GMarkerOptions object
		markerOptions = { icon:tinyIcon };
		
		map.addOverlay( createMarker( point));
      }
}

    function initialize() {
      if (GBrowserIsCompatible()) {
        var map = new GMap2(document.getElementById("map_canvas"));
        map.setCenter(new GLatLng(36.929743,-1.94571), 13);
        map.setUIToDefault();

        // Create a base icon for all of our markers that specifies the
        // shadow, icon dimensions, etc.
        var baseIcon = new GIcon(G_DEFAULT_ICON);
        baseIcon.shadow = "http://www.google.com/mapfiles/shadow50.png";
        baseIcon.iconSize = new GSize(20, 34);
        baseIcon.shadowSize = new GSize(37, 34);
        baseIcon.iconAnchor = new GPoint(9, 34);
        baseIcon.infoWindowAnchor = new GPoint(9, 2);

        // Creates a marker whose info window displays the letter corresponding
        // to the given index.
        function createMarker(point, index) {
          // Create a lettered icon for this point using our icon class
          var letter = String.fromCharCode("A".charCodeAt(0) + index);
          var letteredIcon = new GIcon(baseIcon);
          letteredIcon.image = "http://www.google.com/mapfiles/marker" + letter + ".png";

          // Set up our GMarkerOptions object
          markerOptions = { icon:letteredIcon };
          var marker = new GMarker(point, markerOptions);

          GEvent.addListener(marker, "click", function() {
            marker.openInfoWindowHtml("Marker <b>" + letter + "</b>");
          });
          return marker;
        }

        // Add 10 markers to the map at random locations
        var bounds = map.getBounds();
        var southWest = bounds.getSouthWest();
        var northEast = bounds.getNorthEast();
        var lngSpan = northEast.lng() - southWest.lng();
        var latSpan = northEast.lat() - southWest.lat();
        for (var i = 0; i < 10; i++) {
          var latlng = new GLatLng(southWest.lat() + latSpan * Math.random(),
            southWest.lng() + lngSpan * Math.random());
          map.addOverlay(createMarker(latlng, i));
        }
      }
    }