SIBW - TAC - Presentación - Daniel Díaz Salas

113
-1

Published on

Presentación sobre la API de Google Maps para la asignatura de SIBW de 3º de la especialidad de Ingeniería del Software de la UGR

Published in: Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
113
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
1
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

SIBW - TAC - Presentación - Daniel Díaz Salas

  1. 1. TAC : API de Google MapsDaniel Díaz Salas
  2. 2. Google Maps y los SIBW● Cualquier cosa que se pueda representar en unmapa puede usarse con Google Maps● Los objetos ocupan un espacio● Si algo ocupa un espacio, se puede dibujar enun mapa.● Podemos hacer una representación del espacioque ocupa un objeto en el mundo.
  3. 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. 4. Segundo paso: Hola Mundo deGoogle Mapshttp://sibwgmapi.tk/holaMundo.php?
  5. 5. Cargando el API● URL● Key● Sensor● Se puede usar HTTPS
  6. 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 scriptque se llama desde el onload del <body>.
  7. 7. Opciones● Se usa un objeto con las variables deinicialización.● Center: usando LatLng● Zoom: usando entero● Tipos de mapas● ROADMAP, SATELLITE, HYBRID, TERRAIN
  8. 8. HTML5● <!DOCTYPE html>● Por compatibilidad, hay que poner un CSS conel html y el body al 100%.● Si no, todo tendrá un tamaño de 0x0 píxeles.
  9. 9. El objeto “Map”● Importante tener siempre el objeto metido enuna variable.● Varios mapas por página.
  10. 10. Cargar el mapa● Onload● Importante llamar a la función sólo una vez:cuando se carga el body.
  11. 11. Codificación Geográfica● Pasar de direcciones a coordenadas.● Clase geocoder● Uso limitado
  12. 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. 13. Resultado de la geocodificación● Se devuelven 2 objetos: un GeocoderResult yun código de estado.● types[]● formatted_address● address_components[]● geometry
  14. 14. Bibliotecas● Adsense, drawing, geometry, panoramio,places, visualization, weather.● Se cargan a la vez que la API.
  15. 15. Ahora os toca a vosotros

×