Ver Mensaje Individual
  #8 (permalink)  
Antiguo 15/07/2008, 00:39
perrogrun
Invitado
 
Mensajes: n/a
Puntos:
Respuesta: ¿cómo Introducir Google Maps En Nuestro Sitio? Parte I

Bueno señores, ante todo pedir disculpas por no seguir con el tema pero es que he tenido muchísimo trabajo y me ha sido completamente imposible, si os parce bien seguímos por cómo poner marcas encima del mapa en la pocisión que queramos y con el icono y sombra que queramos.

Vamos a empezar definiendo el objeto icono:
Código:
var icon = new GIcon();
icon.image = "http://www.panoramio.com/img/panoramio-marker.png";
icon.shadow = "http://www.panoramio.com/img/panoramio-shadow.png";
icon.iconSize = new GSize(18, 18);
icon.shadowSize = new GSize(22, 22);
icon.iconAnchor = new GPoint(9, 9);
icon.infoWindowAnchor = new GPoint(9, 0);
Creo que los parámetros que definen el objeto están bien claros, la imagen, la sombra, el tamaño del icono, el tamaño de la sombra, la desviación del icono con respecto a las coordenadas y el lugar donde se abren las ventanas de información del icono.

Por cierto para usar vuestros propios iconos hay una página donde automáticamente se crea la sombra del mismo yo la uso frecuentemente: http://www.cycloloco.com/shadowmaker...hadowmaker.htm

Ahora vamos a ver una funcioncita muy útil y que os aconsejo que la useis para poner iconos en el mapa ya que te evitará muchos problemas a la hora de meter muchos icos o cuanto tenemos que plasmar muchos datos en el mapa:

Código:
function createMarker(lat,lng,icono) {
	var point = new GLatLng(lat,lng);
	var marker = new GMarker(point,icono);

	GEvent.addListener(marker, "click", function() {
		marker.openInfoWindowHtml("Hola esto es un bocadillo de información");
	});
	return marker;
	}
Vale ya tenemos la función que crea en el mapa nuestros icos, lo que hacemos es primeramente definir el punto donde se va a mostrar muestro icono en point, luego le decimos que en variable marker está definido el punto y el icono a usar mediante la función Gmarker. A continuación le ponemos al icono un "escuchador" que estará pendiente de cuando el usuario hace "click" en marker para mostrar un openInfoWindowHtml, osea, un bocadillo sobre el icono, con el texto que hay entre las comillas dentro de los paréntesis, finalmente retornamos el propio marker.

Cómo llamamos a la función? pues fácil más o menos asi:
Código:
createMarker(34.501,-4.25,icon);
Y nos pondrá un magnífico icono en esa latitud y longitud, mostrando el icono de panoramio y cuando pinchemos encima nos aparecerá un bocadillo con la frase "Hola esto es un bocadillo de información"

Espero vuestros comentarios, un saludo a todos.