SIBW - TAC - Presentación - Daniel Díaz Salas
•
0 j'aime•264 vues
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.
Recommandé
Contenu connexe
En vedette
En vedette (20)
Similaire à SIBW - TAC - Presentación - Daniel Díaz Salas
Similaire à SIBW - TAC - Presentación - Daniel Díaz Salas (15)
Dernier
Dernier (20)
SIBW - TAC - Presentación - Daniel Díaz Salas
- 1. TAC : API de Google Maps Daniel Díaz Salas
- 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?
- 5. Cargando el API ● URL ● Key ● Sensor ● Se puede usar HTTPS
- 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.
- 11. Codificación Geográfica ● Pasar de direcciones a coordenadas. ● Clase geocoder ● Uso limitado
- 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
- 14. Bibliotecas ● Adsense, drawing, geometry, panoramio, places, visualization, weather. ● Se cargan a la vez que la API.
- 15. Ahora os toca a vosotros