Licenciatura en Arqueología
Universidad del Valle de Guatemala

Todas las valoraciones y opiniones

"; var marker = createMarker(universidad, latlng, html); //add to markersCluster markersCluster.push(marker); } var clusterStyles = [ { textColor: 'white', url: '/style/css/_gfx/marker_group.png', height: 43, width: 43 } ]; // crear objeto MarkerClusterer con opciones de configuracion var mcOptions = {gridSize:50, maxZoom:12, styles: clusterStyles}; var mc = new MarkerClusterer(map, markersCluster, mcOptions); //alert(side_bar_html); // pintar la lista de enlaces fuera del mapa //document.getElementById("side_bar").innerHTML = ""; }); function createMarker(name, latlng, html) { //Generamos el estilo de los marcadores (imagen y tama�o) var image = { //URL de la imagen que queremos para el marcador (url relativa a la ra�z de la p�gina que est� cargando el mapa) url: '/style/css/_gfx/marker.png', // tama�o original de la imagen (doble de tama�o para retina) size: new google.maps.Size(44, 52), // tama�o que queramos que tenga la imagen scaledSize: new google.maps.Size(22, 26), // Origen de la imagen origin: new google.maps.Point(0,0), // Punto de ancla de la imagen (justo donde se�ala la flecha) anchor: new google.maps.Point(11, 26) }; // Definimos el area clickable del marcador var shape = { coords: [2, 4, 8, 20, 18, 20, 18 , 1], type: 'poly' }; var marker = new google.maps.Marker({position:latlng, map:map,icon: image,shape: shape}); google.maps.event.addListener(marker, "click", function () { if (infowindow) infowindow.close(); infowindow = new google.maps.InfoWindow({content:html}); infowindow.open(map, marker); }); //if (j==0) {alert("createMarker");} gmarkers[j] = marker; htmls[j] = html; side_bar_html += '

' + name + '<\/a>

'; //alert(side_bar_html); j++; return marker; } // //Leemos y obtenemos los datos del la Fusion Table por ajax // $.getJSON( "https://www.googleapis.com/fusiontables/v1/query?sql=SELECT%20*%20FROM%201wZKvp4WPImOtmPH_r4YhFGEqdyAwNyXPsF3hvPJP&key=AIzaSyB7wYwzMZy1l1jIwyNY7EIfua8bBdMUXDs&callback=?", function( data ) { // // //Recorremos y obtenemos los datos estructurados de las filas de la Fusion Table // $.each( data.rows, function( key, val ) { // //Almacenamos los datos de la Fusion Table en un array // places.push(val); // }); // // }).done(function(){ // //Llamada para inicializar los marcadores // //setMarkers(map, places); // // }); } function setMarkers(map, locations) { //Generamos el estilo de los marcadores (imagen y tama�o) var image = { //URL de la imagen que queremos para el marcador (url relativa a la ra�z de la p�gina que est� cargando el mapa) url: '/style/css/_gfx/marker.png', // tama�o original de la imagen (doble de tama�o para retina) size: new google.maps.Size(44, 52), // tama�o que queramos que tenga la imagen scaledSize: new google.maps.Size(22, 26), // Origen de la imagen origin: new google.maps.Point(0,0), // Punto de ancla de la imagen (justo donde se�ala la flecha) anchor: new google.maps.Point(11, 26) }; // Definimos el area clickable del marcador var shape = { coords: [2, 4, 8, 20, 18, 20, 18 , 1], type: 'poly' }; //Definimos las ventanas emergentes var infowindow = new google.maps.InfoWindow({ //Ajustamos la posici�n para que est� centrada respecto al icono pixelOffset: new google.maps.Size(-12, 0) }); //Recorremos los lugares for (var i = 0; i < locations.length; i++) { var place = locations[i]; var myLatLng = new google.maps.LatLng(place[1], place[2]); //Colocamos los respectivos marcadores var marker = new google.maps.Marker({ position: myLatLng, map: map, icon: image, shape: shape, title: place[0], zIndex: parseInt(place[3]) }); //Pasamos los parametros que se van a mostrar en la ventana emergente de cada punto bindInfoWindow(marker, map, infowindow, locations[i][4],locations[i][0], locations[i][5]); //Centramos el mapa calculando el punto medio de todos los marcadores bounds.extend(marker.position); map.fitBounds(bounds); //Para centrar el mapa a los puntos sin hacer zoom //map.setCenter(bounds.getCenter()); } } function bindInfoWindow(marker, map, infowindow, numUniversities, strDescription, url) { //A�adimos el evento click a un marcador google.maps.event.addListener(marker, 'click', function() { //Definimos el marcado html de la ventana emergente infowindow.setContent( '' ); //Lanzamos la ventana emergente infowindow.open(map, marker); }); } //Cargamos el mapa en el DOM google.maps.event.addDomListener(window, 'load', initialize); }

Con review primero Fecha descendente Fecha ascendente Mejor valoradas Más útiles