API de Google Maps

¿Qué es una api de google maps?

• El API de Google Mapste permite incrustar Google Mapsen tus propias páginas web mediante JavaScript.

• El API proporciona:

1. Utilidades para manipular los mapas
2. Añadir contenido al mapa mediante diversos servicios

• Crear potentes aplicaciones para mapas en tu sitio web.

• Servicio gratuito disponible para cualquier sitio web que sea gratuito para los usuarios.

• http://code.google.com/intl/es/apis/maps/index.html 

Clave De google maps

• Es necesario (teóricamente) el uso de una clave

• La clave está ligada a un dominio y un directorio.

• La clave se recibe a través de un cuenta en Google.

• http://code.google.com/intl/es/apis/maps/signup.html

Recomendaciones generales.

• Compatibilidad con navegadores

GBrowserIsCompatible()

• Se recomienda utilizar código XHTML compatible con los estándares

• Para mostrar polilíneasen un mapa se debe incluir el espacio de nombres VML en el documento XHTML para que funcione correctamente en Internet Explorer.

• Versión de la API:

El parámetro v en la dirección URL http://maps.google.com/maps?file=api&v=2hace referencia al número de versiónque debe emplear el API de Google Maps

Actual (octubre 2008), versión 2

• Reducción de fugas de memoria del navegador

GUnload()

Gmap2: El objetivo fundamental

• Es la clase JavaScriptque representa a los mapas.

• Creamos nuevas instancias mediante el operador new.

• Al crear una nueva instancia, se especifica un nodo DOM como contenedor para el mapa.

• Todos nodos HTML son hijos del objeto documentde JavaScripty obtenemos una referencia a este elemento mediante el método document.getElementById()

Latitud y longitud.

• ¿Cómo hacer referencia a ubicaciones dentro del mapa?

• El objeto GLatLngproporciona esta posibilidad

• Se construyen pasando sus parámetros en el orden habitual en cartografía {latitud, longitud}

 

Atributos y ventanas de información del mapa.

• Tipos de mapas:

G_HYBRID_MAP: mezcla de vistas normales y de satélite.

Se puede definir el tipo de mapa mediante el método setMapType() del objeto GMap2.

• Interacción

GMap2.disableDragging()

Cada mapa puede mostrar una única ventana:

• Cada mapa puede mostrar una única ventana de información del tipo GInfoWindow.

El objeto GMap2 proporciona un método openInfoWindow(), que requiere un punto y un elemento DOM HTML como argumentos.

openInfoWindowHtml()

Eventos.

• El navegador genera evento ante las interacciones del usuario y JavaScriptpermite detectar estos eventos.

• JavaScriptpermite registrar detectores de eventos y cuando estos suceden se ejecuta el código asociado.

• Los eventos del API de Google Mapsson específicos y distintos de los eventos DOM estándar.

• Cada objeto del API de Google Mapsexporta una determinada cantidad de eventos con nombres.

 

Ejemplos de eventos.

• El objeto GMap2 exporta los eventos click, dblclicky move, entre muchos otros

• Cada evento se produce en un contexto determinado y pasa argumentos que identifiquen dicho contexto.

• El evento mousemovese activa cuando el usuario mueve el ratón sobre un objeto de mapa y pasa el objeto GLatLngde la ubicación geográfica en la que se encuentra el ratón.
  
  
  Controles.
  
  
  Son elementos de interfaz de usuario que permiten interactuar con el map.
  Se pueden incluir variaciones de ellos en tu aplicación.
  Se pueden crear controles personalizados mediante subclases de Gcontrol.
  Adición de controles: map.addControl()
    
  
  
  
  Superposiciones.
  
  
  Objetos del mapa vinculados a coordenadas de latitud y longitud
  Se mueven al arrastrar o aplicar el acercamiento sobre el mapa
  Se añaden al mapa para designar puntos, líneas o zonas.
  Tipos:
  Puntos, GMarkero GIcon.
  Lineas, GPolyline
  Zonas de mapa, polígonos o superposiciones de terreno.
  Mapa, superposición de mosaico
  Ventana de información.
  
  
  
  
  
  Rutas.
  • La API de Google Mapspermite consultar rutas entre dos puntos.
  • La salida puede ser de dos formas:
  Dibujada sobre un mapa con una polilinea
  Descrita textualmente
  • Para crear rutas: GDirections
  • Punto de origen y punto destino, descritos mediante direcciones o coordenadas.
  • También podemos pedir rutas con puntos intermedios.