// | '+monumento+'
'+descrizione+' |
');
});
return markerSight;
}
////////////////////////FUNZIONE CREA MARKER + MOUSEOVER////////////////////////
function createMarker(point,name,html,idhotel,urlvisit,idfoto) {
var marker = new GMarker(point, coldIcon);
GEvent.addListener(marker, "mouseover", function() {
//marker.openInfoWindowHtml(html);
marker.openInfoWindowHtml('');
});
// save two markers for each point, one with each of the possible icons
cmarkers[i] = marker;
hmarkers[i] = new GMarker(point,hotIcon);
htmls[i] = html;
id_hotel[i] = idhotel;
id_foto[i] = idfoto;
url[i] = urlvisit;
// MENU DELLA DESTRA TUTTI GLI HOTELS
if (i<1) { side_bar_html +='';}
side_bar_html += '- ' + name + '
';
if (i==(nrecords-1)) { side_bar_html +='
';}
i++;
return marker;
}
// This function picks up the click and opens the corresponding info window
function myclick(i) {
hmarkers[i].openInfoWindowHtml('');
}
// This function is invoked when the mouse goes over an entry in the side_bar
// It deletes the cold Icon marker and replaces it with the hot Icon marker
function mymouseover(i) {
map.removeOverlay(cmarkers[i]);
map.addOverlay(hmarkers[i]);
}
// This function is invoked when the mouse leaves an entry in the side_bar
// It deletes the hot Icon marker and replaces it with the cold Icon marker
function mymouseout(i) {
//map.removeOverlay(hmarkers[i]);
map.addOverlay(cmarkers[i]);
}
////////////////////////CREA LA MAPPA PRINCIPALE + CONTROLLI
var map = new GMap2(document.getElementById("map"));
map.addControl(new GSmallMapControl());
map.addControl(new GMapTypeControl());
map.addControl(new GOverviewMapControl());
map.setCenter(new GLatLng(52.366189,4.889999), 13);
map.getPane(G_MAP_FLOAT_SHADOW_PANE).style.visibility="hidden";
//CREA ICONA MONUMENTI
var url_img= "http://www.nyceamsterdam.com/img-google-maps/sight.png";
gicons["sight"] = new GIcon(G_DEFAULT_ICON, url_img);
gicons["sight"].iconSize = new GSize(15, 15);
gicons["sight"].shadow = "";
gicons["sight"].iconAnchor = new GPoint(7, 7);
gicons["sight"].infoWindowAnchor = new GPoint(7, 7);
//CREA ICONA AEROPORTO
var url_img= "http://www.nyceamsterdam.com/img-google-maps/aeroporto.png";
gicons["air"] = new GIcon(G_DEFAULT_ICON, url_img);
gicons["air"].iconSize = new GSize(15, 15);
gicons["air"].shadow = "";
gicons["air"].iconAnchor = new GPoint(7, 7);
gicons["air"].infoWindowAnchor = new GPoint(7, 7);
////////////////////////MARKERS AIRPORTS
var point = new GLatLng(52.309106, 4.75992);
map.addOverlay(createMarkerAir(point, '| Amsterdam Schiphol Airport The airport is located about 15 Km to the southwest of Amsterdam. |
'));
////////////////////////LEGGE IL FILE HOTELS////////////////////////
var request = GXmlHttp.create();
request.open("GET", "http://www.nyceamsterdam.com/map-hotels-in-amsterdam/hotels.php", true);
request.onreadystatechange = function() {
if (request.readyState == 4) {
var xmlDoc = request.responseXML;
// obtain the array of markers and loop through it
var markers = xmlDoc.documentElement.getElementsByTagName("marker");
for (var i = 0; i < markers.length; i++) {
// obtain the attribues of each marker
var lat = parseFloat(markers[i].getAttribute("lat"));
var lng = parseFloat(markers[i].getAttribute("lng"));
var point = new GLatLng(lat,lng);
var html = markers[i].getAttribute("html");
var label = markers[i].getAttribute("label");
var idhotel = markers[i].getAttribute("id_hotel");
var urlvisit = markers[i].getAttribute("url");
var idfoto = markers[i].getAttribute("foto");
// create the marker
var marker = createMarker(point,label,html,idhotel,urlvisit,idfoto);
map.addOverlay(marker);
nrecords=markers.length;
}
// put the assembled side_bar_html contents into the side_bar div
document.getElementById("side_bar").innerHTML = side_bar_html;
}
}
request.send(null);
////////////////////////LEGGE IL FILE MONUMENTI XML////////////////////////
var request1 = GXmlHttp.create();
request1.open("GET", "http://www.nyceamsterdam.com/map-hotels-in-amsterdam/monumenti.php", true);
request1.onreadystatechange = function() {
if (request1.readyState == 4) {
var xmlDoc = request1.responseXML;
// obtain the array of markers and loop through it
var markers = xmlDoc.documentElement.getElementsByTagName("marker");
for (var i = 0; i < markers.length; i++) {
// obtain the attribues of each marker
var lat = parseFloat(markers[i].getAttribute("lat"));
var lng = parseFloat(markers[i].getAttribute("lng"));
var points = new GLatLng(lat,lng);
var monumento = markers[i].getAttribute("monumento");
var descrizione = markers[i].getAttribute("des");
var foto = markers[i].getAttribute("foto");
// create the marker
var marker = createMarkerSight(points, monumento, descrizione, foto);
map.addOverlay(marker);
nrecords=markers.length;
}
}
}
request1.send(null);
}
////////////////////////SE NON è COMPATIBILE NON CARICA////////////////////////
else {
alert("Sorry, the Google Maps API is not compatible with this browser");
}