Este documento fornece uma visão geral da família Google Maps API e detalhes da API V3 em Javascript. Apresenta casos de uso como o New York Times e KPBS e possíveis aplicações como rastreamento de rotas, densidade populacional e mapas 3D.

1. Google Maps API e Possíveis Aplicações

4. Google Maps API

5. Família Google Maps API

6. Quem usa e como estão usando? In just a few days, The New York Times developed interactive maps for all the destinations in its travel section, and today 50 percent of its travel section uses Google Maps. Using the My Maps feature, broadcast station KPBS created a map providing real-time updates on the San Diego wildfires that received over two million views within a few days.

7. Nova Google Maps API V3 (Javascript) V3: a solução para aplicativos do Google Maps para computadores e dispositivos móveis. Desenvolvida com foco em atender os dispositivos móveis.

10. Possíveis aplicações Chamada básica da API

11. Código fonte Chamada básica da API

12. Possíveis aplicações

13. Código fonte

14. Possíveis aplicações Folha de SP – Usando Google Maps API Flash (3D)

15. Possíveis aplicações Mostrar densidade populacional

16. Possíveis aplicações Rastrear de rota com indicador de direção

17. Código fonte Rastrear de rota com indicador de direção V2 Problemas???

18. Possíveis aplicações Rastrear de rota com indicador de direção

19. “ Solução by Google” function initialize() { geocoder = new google.maps.Geocoder(); infowindow = new google.maps.InfoWindow(); var myLatlng = new google.maps.LatLng(-23.533611,-46.633333); var myOptions = { zoom: 11, disableDefaultUI: true, navigationControl: true, scaleControl: true, center: myLatlng, mapTypeId: google.maps.MapTypeId.ROADMAP, mapTypeControl: true, mapTypeControlOptions: { style: google.maps.MapTypeControlStyle.HORIZONTAL_BAR, position: google.maps.ControlPosition.TOP_RIGHT }, }; google.maps.LatLng.prototype.latRadians = function() { return this.lat() * Math.PI/180; } google.maps.LatLng.prototype.lngRadians = function() { return this.lng() * Math.PI/180; } map = new google.maps.Map(document.getElementById("mapa"), myOptions); }

20. Case @ Identica

22. Case @ Identica

23. Case @ Identica

24. Case @ Identica

25. Case @ Identica

26. Case @ Identica

28. Dúvidas?