Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Google Maps web API

Google Maps web API

Evento: Meetup GDG Recife

Meetup na JUMP Brasil, falando sobre Distance Matrix e Directions API, mostrando como funciona e alguns exemplos.

Thulio Philipe

March 17, 2016
Tweet

More Decks by Thulio Philipe

Other Decks in Programming

Transcript

  1. Google Maps web API

    View full-size slide

  2. Olár!
    Thulio Philipe
    Software Engineer @ Epitrack
    Design Gráfico - WebApps @ Unibratec
    www.thulioph.com

    View full-size slide

  3. 1.
    Distance Matrix API
    https://developers.google.
    com/maps/documentation/distance-matrix/

    View full-size slide

  4. Distance Matrix API
    Modo de transporte Duração e Distância Tráfego atual e histórico

    View full-size slide


  5. Estima o tempo de viagem e distância
    para múltiplos destinos

    View full-size slide

  6. Distance Matrix API
    Este serviço não retorna informações
    detalhadas sobre a rota.
    Para utilizar este serviço, é necessário exibir um
    mapa do Google
    Utiliza uma chave do servidor Server key

    View full-size slide

  7. Você pode passar até 25 origens/destinos por
    request
    Para cada origem a matrix retorna todos os
    destinos listados.
    Distance Matrix API

    View full-size slide

  8. Atenção!
    Para múltiplos destinos, utilize | para
    dividir.

    View full-size slide

  9. https://maps.googleapis.
    com/maps/api/distancematrix/json?
    origins=Rua+Joao+Fragoso+de+Medeiros|Paulista+p
    e&destinations=Casa+Caiada+Olinda|Casa+Caiada+
    Olinda+pe&mode=driving&language=pt-BR
    Distance Matrix API

    View full-size slide

  10. https://maps.googleapis.
    com/maps/api/distancematrix/json?
    origins=Rua+Joao+Fragoso+de+Medeiros|Paulista+p
    e&destinations=Casa+Caiada+Olinda|Casa+Caiada+
    Olinda+pe&mode=driving&language=pt-BR
    Distance Matrix API

    View full-size slide

  11. https://maps.googleapis.
    com/maps/api/distancematrix/json?
    origins=Rua+Joao+Fragoso+de+Medeiros|Paulista+p
    e&destinations=Casa+Caiada+Olinda|barra+de+jan
    gada&mode=driving&language=pt-BR
    Distance Matrix API

    View full-size slide

  12. https://maps.googleapis.
    com/maps/api/distancematrix/json?
    origins=Rua+Joao+Fragoso+de+Medeiros|Paulista+p
    e&destinations=Casa+Caiada+Olinda|barra+de+jan
    gada&mode=driving&language=pt-BR
    Distance Matrix API

    View full-size slide

  13. https://maps.googleapis.
    com/maps/api/distancematrix/json?
    origins=Rua+Joao+Fragoso+de+Medeiros|Paulista+p
    e&destinations=Casa+Caiada+Olinda|barra+de+jan
    gada&mode=driving&language=pt-BR
    Distance Matrix API

    View full-size slide

  14. Matrix de Distância
    https://maps.googleapis.
    com/maps/api/distancematrix/json?
    origins=Rua+Joao+Fragoso+de+Medeiros|Paulista+p
    e&destinations=Casa+Caiada+Olinda|barra+de+jan
    gada&mode=driving&language=pt-BR

    View full-size slide

  15. 2.
    Directions API
    https://developers.google.
    com/maps/documentation/directions/

    View full-size slide

  16. Directions API
    Modo de transporte Pontos no caminho Tempo de viagem

    View full-size slide


  17. É um serviço que calcula direções entre
    locais, usando uma requisição HTTP

    View full-size slide

  18. Este serviço retorna informações detalhadas
    sobre a rota.
    Use este serviço para traçar a rota entre 2
    pontos.
    Utiliza uma chave do servidor Server key
    Não suporta múltiplos destinos ao mesmo
    tempo no request.
    Directions API

    View full-size slide

  19. Possibilita adicionar pontos ao caminho
    (waypoints).
    Directions API

    View full-size slide

  20. Atenção!
    Para múltiplos waypoints, utilize | para
    separa-los.

    View full-size slide

  21. https://maps.googleapis.
    com/maps/api/directions/json?
    origin=Rua+Joao+Fragoso+de+Medeiros&destinatio
    n=Casa+Caiada+Olinda&mode=walking&language=
    pt-
    BR&waypoints=Av+Rio+Branco+Recife+PE|Av+Cde+B
    oa+Vista+Recife+PE
    Distance Matrix API

    View full-size slide

  22. https://maps.googleapis.
    com/maps/api/directions/json?
    origin=Rua+Joao+Fragoso+de+Medeiros&destinatio
    n=Casa+Caiada+Olinda&mode=walking&language=
    pt-
    BR&waypoints=Av+Rio+Branco+Recife+PE|Av+Cde+B
    oa+Vista+Recife+PE
    Distance Matrix API

    View full-size slide

  23. https://maps.googleapis.
    com/maps/api/directions/json?
    origin=Rua+Joao+Fragoso+de+Medeiros&destinatio
    n=Casa+Caiada+Olinda&mode=walking&language=
    pt-
    BR&waypoints=Av+Rio+Branco+Recife+PE|Av+Cde+B
    oa+Vista+Recife+PE
    Distance Matrix API

    View full-size slide

  24. https://maps.googleapis.
    com/maps/api/directions/json?
    origin=Rua+Joao+Fragoso+de+Medeiros&destinatio
    n=Casa+Caiada+Olinda&mode=walking&language=
    pt-
    BR&waypoints=Av+Rio+Branco+Recife+PE|Av+Cde+B
    oa+Vista+Recife+PE
    Distance Matrix API

    View full-size slide

  25. https://maps.googleapis.
    com/maps/api/directions/json?
    origin=Rua+Joao+Fragoso+de+Medeiros&destinatio
    n=Casa+Caiada+Olinda&mode=walking&language=
    pt-
    BR&waypoints=Av+Rio+Branco+Recife+PE|Av+Cde+B
    oa+Vista+Recife+PE
    Distance Matrix API

    View full-size slide

  26. https://maps.googleapis.
    com/maps/api/directions/json?
    origin=Rua+Joao+Fragoso+de+Medeiros&destinatio
    n=Casa+Caiada+Olinda&mode=walking&language=
    pt-
    BR&waypoints=Av+Rio+Branco+Recife+PE|Av+Cde+B
    oa+Vista+Recife+PE
    Distance Matrix API

    View full-size slide

  27. https://maps.googleapis.
    com/maps/api/directions/json?
    origin=Rua+Joao+Fragoso+de+Medeiros&destinatio
    n=Casa+Caiada+Olinda&mode=walking&language=
    pt-
    BR&waypoints=Av+Rio+Branco+Recife+PE|Av+Cde+B
    oa+Vista+Recife+PE
    Distance Matrix API

    View full-size slide

  28. https://maps.googleapis.
    com/maps/api/directions/json?
    origin=Rua+Joao+Fragoso+de+Medeiros&destinatio
    n=Casa+Caiada+Olinda&mode=walking&language=
    pt-
    BR&waypoints=Av+Rio+Branco+Recife+PE|Av+Cde+B
    oa+Vista+Recife+PE
    Distance Matrix API

    View full-size slide

  29. BRIGADUUU!
    Dúvidas? Sugestões? Críticas?
    No twitter @thulioph_ & [email protected]

    View full-size slide