TAC : API de Google MapsDaniel Díaz Salas
Google Maps y los SIBW● Cualquier cosa que se pueda representar en unmapa puede usarse con Google Maps● Los objetos ocupan...
Primer paso : obtener clave● 1: https://code.google.com/apis/console)● 2: click en “servicios”● 3: activar el servicio de ...
Segundo paso: Hola Mundo deGoogle Mapshttp://sibwgmapi.tk/holaMundo.php?
Cargando el API● URL● Key● Sensor● Se puede usar HTTPS
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 s...
Opciones● Se usa un objeto con las variables deinicialización.● Center: usando LatLng● Zoom: usando entero● Tipos de mapas...
HTML5● <!DOCTYPE html>● Por compatibilidad, hay que poner un CSS conel html y el body al 100%.● Si no, todo tendrá un tama...
El objeto “Map”● Importante tener siempre el objeto metido enuna variable.● Varios mapas por página.
Cargar el mapa● Onload● Importante llamar a la función sólo una vez:cuando se carga el body.
Codificación Geográfica● Pasar de direcciones a coordenadas.● Clase geocoder● Uso limitado
Solicitud de geocodificación● Se hace de forma asíncrona.● Usar el método Geocoder.geocode()● Se le pasa un objeto Geocode...
Resultado de la geocodificación● Se devuelven 2 objetos: un GeocoderResult yun código de estado.● types[]● formatted_addre...
Bibliotecas● Adsense, drawing, geometry, panoramio,places, visualization, weather.● Se cargan a la vez que la API.
Ahora os toca a vosotros
Upcoming SlideShare
Loading in...5
×

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

87

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
87
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
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×