


<script type="text/javascript" src="http://www.google.com/jsapi?key=ABQIAAAAM1NGZY1JbRdRZRN2ed5K4xR5OKVVSmZkBsW1nn1DAhjAiy_VwRTvtuMVwQn8ut-z62osMNkCW5VJLw"></script>    
<script type="text/javascript">
  google.load("maps", "2.x");
  // Call this function when the page has been loaded   
  var global_markers = new Array();  // pole všech značek
  var map;
   
  // Vytvoří značku, parametry: souřadnice značky, html kód okna, popiska značky 
  function createMarker(point, content, cap) {
    // objekt obsahující vlastnosti značky
    var opt = new Object();
    opt.title = cap;
    var marker = new GMarker(point, opt);  
    // obsloužení kliknutí na značku
    GEvent.addListener(marker, "click", function() {
      map.setCenter(point, 4); // vycentruje a zazoomuje      
      marker.openInfoWindowHtml(content);  
    });  
    return marker;
  }

  // Inicializace mapy
  function initialize() {
    // určení DIVu, který obsahuje mapu
    map = new google.maps.Map2(document.getElementById("map"));
    // přidání ovládátek na mapu (zoomovadlo, přepínač a náhled)
    map.addControl(new GLargeMapControl());
    map.addControl(new GMapTypeControl());
    map.addControl(new GOverviewMapControl());
    // určení výchozí polohy a měřítka mapy
    map.setCenter(new GLatLng(48.69096, 24.609375), 3);   
    //javascript:void(prompt('Aktualni souradnice mapy:',map.getCenter()));
    //javascript:void(prompt('',gApplication.getMap().getCenter()));  

    // Načtení a zpracování dat z XML souboru
    GDownloadUrl("/xml/data2.xml", function(data, responseCode) {  
      var xml = GXml.parse(data);                                  
      var s;
      var hotels = xml.documentElement.getElementsByTagName("hotel");
      
      // smyčka přes všechny hotely v XML souboru  
      for (var i = 0; i < hotels.length; i++) {
        // souřadnice hotelu    
        var point = new GLatLng(parseFloat(hotels[i].getAttribute("lat")),                            
                                parseFloat(hotels[i].getAttribute("lng")));
                                
        // html obsah informačního okna, které se zobrazí po kliknutí na značku                        
        s = "<h2>" + hotels[i].getAttribute("label") + "</h2><img src='"+hotels[i].getAttribute("image")+"' alt='"+hotels[i].getAttribute("label")+"' width='190'><br><a href='"+hotels[i].getAttribute("url")+"' >Location's detail &raquo;</a>";

        // vytvoření značky
        var marker = createMarker(point, s, hotels[i].getAttribute("label"));
        
        // přidání značky do globálního pole
        global_markers [global_markers.length] = marker;
        
        // přidání značky na mapu 
        map.addOverlay(marker);
      }
    });
             
  }      
  google.setOnLoadCallback(initialize);    
</script>