Google maps básico III (más sobre marcadores)

Google maps básico III (más sobre marcadores)

Publicado por Quanticbyte en 22 octubre, 2014
Categorias : GoogleMaps

Mover marcadores, eventos de marcadores y la consola.

Al crear nuestro marcador podemos añadirle dentro de las opciones la opción draggable: true. Eso nos permite poder arrastrar y mover nuestro marcador, así de fácil :p
¿Pero donde lo movemos? ¿Cuando sabemos que lo hemos cogido y cuando lo soltamos?
Los eventos del marcador.
Tenemos el identificador de nuestro luciente marcador guardado en la variable marcador. A éste se le pueden aplicar 3 eventos de dragg para controlar si lo movemos. Son los siguientes:

  • Dragstart: cuando se coge el marcador para moverlo.
  • Drag: mientras se mueve.
  • Dragend: al soltar el marcador.

A parte tenemos los eventos típicos :

  • click
  • dblclick
  • mouseup
  • mousedown
  • mouseover
  • mouseout

Lo que tenemos que hacer es decirle a google maps, después de crear nuestro marcador, qué tiene que hacer ( función a ejecutar ) el evento cuando se produzca.

El que nos suele interesar es la posición donde lo soltamos :

O bien:

Fijaos ahora en la precisión que devuelve google maps para una coordenada. Ahora ya sabéis truncarla.

Sacando lat lng
Antes de seguir os recomiendo que utilicéis el firebug para analizar y poder usar la consola de JavaScript para informarnos, porque el uso de alert() es un poco latero.
** Firebug o el que más os guste.
El ejemplo anterior con salida por consola en vez de los alerts.

salida por consola
Otro ejemplo, esta vez con un evento clic. Crearemos un segundo marcador desplazado respecto al primero, y al hacer clic sobre él se cambiará el zoom y se centrará el mapa en ese marcador.

Sé el primero en comentar


Deja un comentario






Acepto la política de privacidad