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

Google Maps web API

Avatar for Thulio Philipe Thulio Philipe
March 17, 2016
Programming
0
110

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.
Avatar for Thulio Philipe

Thulio Philipe

March 17, 2016
Tweet

More Decks by Thulio Philipe

See All by Thulio Philipe
CUI & Feature Flags
Avatar for Thulio Philipe thulioph
0
69
+97% of Time Reduction to Onboarding New Metrics
Avatar for Thulio Philipe thulioph
0
110
Cache, além do CTRL + F5
Avatar for Thulio Philipe thulioph
0
96
CSS na era dos Componentes
Avatar for Thulio Philipe thulioph
0
370
Recompose
Avatar for Thulio Philipe thulioph
1
560
Styled Components
Avatar for Thulio Philipe thulioph
0
390
Redux 101
Avatar for Thulio Philipe thulioph
0
250
Cache
Avatar for Thulio Philipe thulioph
2
260
Segurança de Aplicações Web - 101
Avatar for Thulio Philipe thulioph
0
140

Other Decks in Programming

See All in Programming
LINEヤフー データグループ紹介
Avatar for LINEヤフー株式会社 採用情報 lycorp_recruit_jp
0
890
LT 2025-06-30: プロダクトエンジニアの役割
Avatar for Keisuke Yamamoto yamamotok
0
470
なぜ「共通化」を考え、失敗を繰り返すのか
Avatar for Rinchoku rinchoku
1
510
Result型で“失敗”を型にするPHPコードの書き方
Avatar for Takuma Kajikawa kajitack
4
380
なんとなくわかった気になるブロックテーマ入門/contents.nagoya 2025 6.28
Avatar for Chiaki Okamoto chiilog
1
220
Deep Dive into ~/.claude/projects
Avatar for Yuya Hirayama hiragram
8
1.5k
データの民主化を支える、透明性のあるデータ利活用への挑戦 2025-06-25 Database Engineering Meetup#7
Avatar for Kentaro Yoshida y_ken
0
320
datadog dash 2025 LLM observability for reliability and stability
Avatar for 株式会社IVRy（社員登壇資料） ivry_presentationmaterials
0
110
ruby.wasmで多人数リアルタイム通信ゲームを作ろう
Avatar for lni_T lnit
2
270
Team topologies and the microservice architecture: a synergistic relationship
Avatar for Chris Richardson cer
PRO
0
1.1k
VS Code Update for GitHub Copilot
Avatar for 74th(Atsushi Morimoto) 74th
1
400
GraphRAGの仕組みまるわかり
Avatar for とすり tosuri13
8
480

Featured

See All Featured
Why Our Code Smells
Avatar for Brandon Keepers bkeepers
PRO
337
57k
Helping Users Find Their Own Way: Creating Modern Search Experiences
Avatar for Dan Newman danielanewman
29
2.7k
Measuring & Analyzing Core Web Vitals
Avatar for Philip Tellis bluesmoon
7
490
KATA
Avatar for Megan Lloyd mclloyd
29
14k
Fireside Chat
Avatar for paigeccino paigeccino
37
3.5k
Fashionably flexible responsive web design (full day workshop)
Avatar for Andy Clarke malarkey
407
66k
Product Roadmaps are Hard
Avatar for C. Todd Lombardo iamctodd
PRO
54
11k
The Psychology of Web Performance [Beyond Tellerrand 2023]
Avatar for Tammy Everts tammyeverts
48
2.8k
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
179
9.8k
Put a Button on it: Removing Barriers to Going Fast.
Avatar for kastner kastner
60
3.9k
Six Lessons from altMBA
Avatar for Skipper Chong Warson skipperchong
28
3.8k
Facilitating Awesome Meetings
Avatar for Lara Hogan lara
54
6.4k

Transcript

  1. Google Maps web API

  2. None

  3. Olár! Thulio Philipe Software Engineer @ Epitrack Design Gráfico -

    WebApps @ Unibratec www.thulioph.com

  4. Recife, PE

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

  6. Distance Matrix API Modo de transporte Duração e Distância Tráfego

    atual e histórico

  7. “ Estima o tempo de viagem e distância para múltiplos

    destinos

  8. 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

  9. Você pode passar até 25 origens/destinos por request Para cada

    origem a matrix retorna todos os destinos listados. Distance Matrix API

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

  11. COMOFAZ?

  12. 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

  13. 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

  14. 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

  15. 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

  16. 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

  17. 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

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

  19. Directions API Modo de transporte Pontos no caminho Tempo de

    viagem

  20. “ É um serviço que calcula direções entre locais, usando

    uma requisição HTTP

  21. 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

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

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

  24. COMOFAZ?

  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

  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

  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

  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

  29. 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

  30. 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

  31. 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

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

  33. None

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