martes, 19 de julio de 2011

Google static Maps API.

Como dice en la pagina de google:
Te damos la bienvenida a la documentación para programadores de Google Static Maps API. Google Static Maps API te permite insertar una imagen de Google Maps en tu sitio web sin utilizar JavaScript ni ningún sistema de carga de páginas dinámicas. El servicio Google Static Maps creará tu mapa a partir de los parámetros de URL enviados a través de una solicitud HTTP estándar y generará una imagen de mapa que podrás mostrar en tu página web


Google Static Map API como dice el mismo google nos da la facilidad de cargar nuestros mapas de Google Maps a treves de una simple url, con la SUPER VENTAJA de no tener que cargar las librerías javascript, o no por lo menos al principio de la pagina lo cual puede ser una ventaja para reducir el tiempo de carga de nuestra pagina. Ademas la url no requiere clave de Google Map Api.

Hago un manual de como usar, aunque sea muy sencillo, porque es una de las API de Google menos conocidas, y que podría ser muy útil para cualquier programador.

Webs:


Que puedes hacer con Google Static Map API?

Con esta API de google se pueden crear imagenes de mapas estaticos, que aunque no contienen las funcionalidades de mover el mapa y esas cosas como el API con javascript, pues te permite mostrar un mapa, agregar marcas, ponerle color a las marcas y como si guera poco crear rutas. No se pueden Agregar cuadros de dialogos, ni cambiar el zoom y esas cosas, pero a cambio de cuadros de dialogos se pueden poner marcas con letras, y asi en otra parte poner que significa cada letra(una leyenda).


Limites de uso de Google Maps API

Pues San google nos permite permite un uso casi ilimitado de google map, nos limita nada mas y nada menos a 1000 solicitudes por visitante y dia, este es un limite bien alto, pero si requerimos más podemos siempre pagar y estar en la version premier para superar ese limite.

El otro limite que hay es el largo de la url, maximo puede tener 2048 caracteres, probablemente no necesitemos tanto, sino para mapas muy complejos.


Como se usa Google Maps API.

Como son imagenes lo que vamos a poner en nuestra web debemos hacerlo a traves de etiquetas <img>, donde el src comenzara por http://maps.google.com/maps/api/staticmap? y despues todos los parametros de nuestro mapa. 

Los parametros despues los colocamos igual que en una peticion GET. Un ejemplo de esto es:  http://maps.google.com/maps/api/staticmap?center=xxx&zoom=xx.

Parametros que acepta Google Maps API 


    Parámetros de ubicación:
  • center.(obligatorio si no hay marcas)
  • zoom.(obligatorio si no hay marcas.)
    Parámetros de mapas:
  • size (obligatorio) 
  • format (opcional) 
  • maptype (opcional)
  • mobile (opcional) 
  • language (opcional)
  • Parámetros de función:
  • markers (opcional) 
  • path (opcional) 
  • visible (opcional) 
  • Notificación de parámetros:
  • sensor (obligatorio)


Las imagenes que va a devolver el sistema, pueden estar en jpg, gif y png, el predeterminado es png, el formato se especifica a traves de la etiqueta format y eston son tipos: (Yo recomiendo par apaginas web normales, jpeg y para celulares )
  • png8 o png (predeterminado) especifica el formato PNG de 8 bits.
  • png32 especifica el formato PNG de 32 bits.
  • gif especifica el formato GIF.
  • jpg especifica el formato de compresión JPEG.
  • jpg-baseline especifica un formato de compresión JPEG no progresivo.
Esta API al igual que su contraparte en javascript tambien se le puede especificar  el tipo de mapa, aqui los tipos:
  • roadmap (predeterminado) 
  • satellite
  • terrain
  • hybrid 
El resto de las especificaciones las   pueden leer de la pagina de Google Maps API, solamente cave destacar que si no especificamos un punto centro y colocamos marcas, el sistema auntomaticamente centrara y pondra zoom a nuestro mapa, con la idea que se vean todaas las marcas y auto realizado.

Aqui les dejo algunos ejemplos:

Mapa turistico de Margarita:



 http://maps.google.com/maps/api/staticmap?center=10.947259,-64.031181&zoom=10&size=600x400&sensor=false&maptype=roadmap&format=jpg

Canaima:


 http://maps.google.com/maps/api/staticmap?center=6.239879,-62.841167&zoom=12&size=600x400&sensor=false&maptype=satellite&format=jpg

El planeta:

http://maps.google.com/maps/api/staticmap?center=6.239879,-62.841167&zoom=1&size=600x400&sensor=false&maptype=hybrid&format=jpg






No hay comentarios:

Publicar un comentario