Ver Mensaje Individual
  #9 (permalink)  
Antiguo 27/07/2008, 07:56
mactintosh
 
Fecha de Ingreso: mayo-2007
Mensajes: 73
Antigüedad: 16 años, 11 meses
Puntos: 0
Respuesta: ¿cómo Introducir Google Maps En Nuestro Sitio? Parte I

Hola.... he colocado el mapa de google en una web, pero....

Para ampliar hay que hacer doble click con el botón izquierdo del ratón y para restaurar (en función de lo que hallamos ampliado) hay que hacer doble click con el botón derecho del ratón.

Mi pregunta es.... ¿Como puedo hacer para introducir también los objetos de zoom del mismo google maps o algo parecido?


Gracias



Cita:
Iniciado por perrogrun Ver Mensaje
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.