Utiliza Google Maps v3 con ejemplos.

Utiliza Google Maps v3 con ejemplos.

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

Bd7f0e0118a2ea635b5a06d84cbab283?s=128

Noé Domínguez Porras

September 20, 2014
Tweet

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

  32. None
  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