var map = null;
var geocoder = null;
var myPano;
var panoClient;
var nextPanoId;
function loadMap() {
if (GBrowserIsCompatible()) {
map = new GMap2(document.getElementById("map"));
map.addControl(new GLargeMapControl()); // Añadir barra de zoom y desplazamiento.
map.addControl(new GMapTypeControl()); // Poder elegir tipo de mapa.
map.setCenter(new GLatLng(37.983479,-1.129918), 15);
geocoder = new GClientGeocoder();
GEvent.addListener(map, "click", function(overlay,latlng) {
panoClient.getNearestPanorama(latlng, showPanoData);
});
var fenwayPark = new GLatLng(37.982937,-1.129935);
var fenwayPOV = {yaw:370.64659986187695,pitch:-20};
panoClient = new GStreetviewClient();
myPano = new GStreetviewPanorama(document.getElementById("pano" ));
myPano.setLocationAndPOV(fenwayPark, fenwayPOV);
GEvent.addListener(myPano, "error", handleNoFlash);
panoClient.getNearestPanorama(fenwayPark, showPanoData);
function crearMarca(punto,html,ico){
var miMarca = new GMarker(punto,ico);
GEvent.addListener(miMarca, "click", function (){
miMarca.openInfoWindowHtml(html);
});
map.addOverlay(miMarca);
}
// Descargar el xml con las marcas y procesar su contenido
GDownloadUrl("includes/maps.php", function(documento) {
//En esta función puedo examinar el XML y hacer cosas dependiendo su contenido.
var xmlDoc = GXml.parse(documento);
//extraigo todas las marcas del XML. Obtengo un array
var marcas = xmlDoc.documentElement.getElementsByTagName("marca ");
for (var i = 0; i < marcas.length; i++) {
var lat = parseFloat(marcas[i].getAttribute("lat"));
var lng = parseFloat(marcas[i].getAttribute("lng"));
var punto = new GLatLng(lat,lng);
var html = marcas[i].getAttribute("codigohtml");
var ico = marcas[i].getAttribute("ico");
// Defino el punto
var iconoMarca = new GIcon(G_DEFAULT_ICON);
iconoMarca.image = "images/maps/"+ico+".png";
var tamanoIcono = new GSize(30,30);
iconoMarca.iconSize = tamanoIcono;
iconoMarca.shadow = "images/maps/"+ico+"x.png";
var tamanoSombra = new GSize(32,31);
iconoMarca.shadowSize = tamanoSombra;
iconoMarca.iconAnchor = new GPoint(15,28);
html = "<img src='"+iconoMarca.image+"'> <b>"+html+"</b><br><a href='locales.php'>Mas info..</a>";
crearMarca(punto,html,iconoMarca);
}
});
}
}
function showPanoData(panoData) {
/*
if (panoData.code != 200) {
GLog.write('showPanoData: Server rejected with code: ' + panoData.code);
return;
}
nextPanoId = panoData.links[0].panoId;
var displayString = [
"Panorama ID: " + panoData.location.panoId,
"LatLng: " + panoData.location.latlng,
"Copyright: " + panoData.copyright,
"Description: " + panoData.location.description,
"Next Pano ID: " + panoData.links[0].panoId
].join("<br/>");
map.openInfoWindowHtml(panoData.location.latlng, displayString);
GLog.write('Viewer moved to' + panoData.location.latlng);
*/
myPano.setLocationAndPOV(panoData.location.latlng) ;
//panoClient.getPanoramaById(nextPanoId, showPanoData);
}
// Mostrar error
function handleNoFlash(errorCode) {
if(errorCode==603){
alert("Error: Flash no parece ser compatible con su navegador.");
return;
}
}
// Ir a una direccion
function showAddress(address) {
if (geocoder) {
geocoder.getLatLng(
address,
function(point) {
if (!point) {
alert("La direccion "+address+" no existe.");
} else {
map.setCenter(point, 15);
var marker2 = new GMarker(point);
map.addOverlay(marker2);
}
}
);
}
}
window.onload=loadMap;