Utiliza Google Maps v3 con ejemplos.

Este fue un taller para principiantes sobre Google Maps V3 en el GDG Puebla.

Transcript

1. Google Maps v3
2. Agenda • Presentación GDG • Presentación de Google Maps • Presentación del changelog de la V3 • API de Mapas • API de Rutas • API de Distancias y tiempos • Trazo de Marcadores,Polilíneas, Polígonos, Eventos, InfoWindows. • Geocoding y reverse geocoding • Ejemplo con Ruby.
3. Presentación del GDG
4. Presentación de Google Maps
5. Presentación de Google Maps
6. Presentación de Google Maps Lars and Jens Rasmussen son los creadores originales. Fundaron Where 2 Technolgies y se vende a Google 40% en Octubre de 2004. Lars es PhD Computación teórica UC Berkley
7. Presentación de Google Maps Google Maps salió a la luz en Febrero de 2005 como Beta para Internet Explorer y Mozilla, luego se unió Opera y Safari. Terminó su fase Beta en Octubre 2005
8. Presentación de Google Maps • Paul Rademacher • Trabajaba en Dreamworks • housingmaps.com • Se encargó del plugin para browser de Google Earth For Rademacher, there's a moral to the story. Innovation is possible only when companies let you tinker with their creations. Too many good ideas are squandered, he says, because the tools needed to realize them are locked away: "To this day, there are very few technologies that are open."
9. Presentación de Google Maps
10. Presentación de Google Maps
11. Presentación de Google Maps
12. Changelog V3
13. Mejoras de la versión 3 de la API • Soporte completo a la funcionalidad de la v2 ◦ Polilineas ◦ Poligonos ◦ Direcciones de manejo ◦ KML • Optimizado para móviles • Elevación • Ruteo optimizado • Direcciones para ciclistas y peatones • Estilo gráfico de mapas
14. API de Mapas
15. Generar una API Key https://code.google.com/apis/console
16. Hello Map! https://gist.github.com/bul-ikana/9426214
17. Trazo de marcadores y más...
18. Markers https://gist.github.com/bul-ikana/9426654
19. Polilíneas y Polígonos https://gist.github.com/bul-ikana/9426961
20. API de Rutas
21. API de rutas Observaciones: • Hay soporte distinto por país. • En México no hay soporte para bicis. Documentación Tabla de Soporte http://gmaps-samples.googlecode. com/svn/trunk/mapcoverage_filtered.html
22. API de rutas: ejemplo draggable. gist.github.com/poguez/9426599 https://developers.google.
23. API de Matriz de distancia
24. API de matriz de distancias La matriz de distancia de Google calcula la distancia y la duración del recorrido entre múltiples puntos de origen y destino con un medio de transporte específico. No incluye detalles de la ruta. • GET Method => JSON/XML http://maps.googleapis.com/maps/api/distancematrix/json?origins=tijuana, mexico+BC|Seattle&destinations=San+Francisco|Victoria+BC&mode=bicycling&sensor=false
25. API de Elevaciones
26. API de elevaciones El servicio de elevación proporciona datos sobre elevación para distintas ubicaciones de la superficie terrestre, incluidas las de la profundidad del océano (que devuelven valores negativos). En aquellos casos en los que Google no disponga de medidas de elevación exactas sobre la ubicación concreta que hayas solicitado, el servicio interpolará y devolverá un valor medio, para lo que utilizará las cuatro ubicaciones más cercanas. • Ejemplos Mapa con elevaciones al hacer click. https://developers.google.com/maps/documentation/javascript/examples/elevation- simple?hl=es GET method => JSON/XML http://maps.googleapis.com/maps/api/elevation/json?path=36.578581,-118.291994|36.23998,-116.83171 &samples=3&sensor= true_or_false Cómo crear gráficos de elevación con Python http://gmaps-samples.googlecode.com/svn/trunk/elevation/python/ElevationChartCreator.py
27. API de Google Street view
28. API de Street View El API de imágenes de Google Street View te permite insertar una miniatura o una imagen panorámica de Street View estática (no interactiva) en tu página web sin utilizar JavaScript. La ventana gráfica se define con los parámetros de URL enviados a través de una solicitud HTTP estándar y genera una imagen estática. Pitch (0-360) indica el ángulo de vista. Fov(0-120) indica el campo horizontal • Ejemplos (necesita API key) GET method => imagen http://maps.googleapis.com/maps/api/streetview?size=800x800&location=40.720032,%20-73.988354 &fov=90&heading=235&pitch=10&sensor=false
29. Geocoding y Reverse- geocoding
30. Geocoding Geopy (Python) geopy currently includes support for six geocoders: Google Maps, Yahoo! Maps, Windows Local Live (Virtual Earth), geocoder.us, GeoNames, MediaWiki pages (with the GIS extension), and Semantic MediaWiki pages. https://code.google.com/p/geopy/ Pygeocoder (Python) Python interface for Google Geocoding API V3. Can be used to easily geocode, reverse geocode, validate and format addresses. https://pypi.python.org/pypi/pygeocoder URL lib (Python) https://gist.github.com/poguez/9434005 Geocoder (Ruby) http://www.rubygeocoder.com/ Estándar W3C Geolocation API para obtención de geolocalización. El parámetro “sensor” de las APIs se refiere a esto. Librerías con wrappers de la API
31. Ejemplo en Ruby / Rails
33. https://github.com/CodeandoMexico/reporte- ciudadano
34. Trabajo futuro
35. The Next Frontier: Indoor maps
36. • Reuniones aprox cada 2 meses. • Enfocados en capacitación y conocer nuevas tecnologías. • Prospectos de talleres/cursos introductorios: Android, Dart, Go, Google App/Compute Engine, Google Cloud Endpoints. • Trabajamos con comunidad. GDG Puebla
37. @bul_ikana hugo.aguirre@mecabotware.com @noe_dgz noe@hackersandfounders.com