Este documento presenta una introducción a la API de Google Maps. Explica los primeros pasos para obtener una clave de la API y crear un "Hola Mundo" básico con Google Maps. También cubre cómo cargar el mapa de forma asíncrona, configurar opciones como el centro y zoom, y realizar geocodificación para convertir direcciones en coordenadas.
2. Google Maps y los SIBW
● Cualquier cosa que se pueda representar en un
mapa puede usarse con Google Maps
● Los objetos ocupan un espacio
● Si algo ocupa un espacio, se puede dibujar en
un mapa.
● Podemos hacer una representación del espacio
que ocupa un objeto en el mundo.
3. Primer paso : obtener clave
● 1: https://code.google.com/apis/console)
● 2: click en “servicios”
● 3: activar el servicio de la API de Google Maps
● 4: ya tenemos la clave
4. Segundo paso: Hola Mundo de
Google Maps
http://sibwgmapi.tk/holaMundo.php?
6. Cargar el API de forma asíncrona
● Mejor de forma asíncrona que síncrona.
● Se hace con una función metida en un script
que se llama desde el onload del <body>.
7. Opciones
● Se usa un objeto con las variables de
inicialización.
● Center: usando LatLng
● Zoom: usando entero
● Tipos de mapas
● ROADMAP, SATELLITE, HYBRID, TERRAIN
8. HTML5
● <!DOCTYPE html>
● Por compatibilidad, hay que poner un CSS con
el html y el body al 100%.
● Si no, todo tendrá un tamaño de 0x0 píxeles.
9. El objeto “Map”
● Importante tener siempre el objeto metido en
una variable.
● Varios mapas por página.
10. Cargar el mapa
● Onload
● Importante llamar a la función sólo una vez:
cuando se carga el body.
12. Solicitud de geocodificación
● Se hace de forma asíncrona.
● Usar el método Geocoder.geocode()
● Se le pasa un objeto GeocodeRequest.
● Pasarle o address o latLng, pero no los dos.
13. Resultado de la geocodificación
● Se devuelven 2 objetos: un GeocoderResult y
un código de estado.
● types[]
● formatted_address
● address_components[]
● geometry