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

2. Objetivo A Google Maps API Família da Google Maps API Empresas usando e como estão usando Nova Google Maps API V3 (Javascript) Possíveis Aplicações Case da Google Maps API Conclusão

3. Objetivo Fornecer uma visão geral da Família Google Maps API, e alguns detalhes da Google Maps API V3 (Javascript)

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.

8. Nova Google Maps API V3 (Javascript) Conjunto menor de recursos do comparada a versão 2, nem por isso pior Estrutura MVC modificada Esta versão da API Javascript do Google Maps não precisa mais de chaves de API Mapas estilizados Google Streetview suportado em HTML

9. Nova Google Maps API V3 (Javascript) Eventos Eventos de interface de usuário Alterações de estado MVC Controles Navegação, MapType, Escala Superposições Marcadores, Polilinhas, Janela de Informações, Polígonos, Mapas Estilizados Serviços Geocodificação, Rotas, Streetview

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

21. Case @ Identica Solução de rastreamento Aplicativo web totalmente na V3 Javascript Aplicativo móvel em J2ME Localização é enviada por terminais móveis Posicionamento por GPS ou triangulação de antenas Mensagens e fotos dos posicionamentos podem ser enviados para mapa Botão de pânico

22. Case @ Identica

23. Case @ Identica

24. Case @ Identica

25. Case @ Identica

26. Case @ Identica

27. Referências http://code.google.com/intl/pt-BR/apis/maps/ http://code.google.com/intl/pt-BR/apis/maps/documentation/javascript/examples/index.html http://maps.google.com/help/maps/casestudies/video.html#nytimes http://maps.google.com/help/maps/casestudies/video.html#kpbs http://www1.folha.uol.com.br/cotidiano/860350-chuva-danifica-imoveis-e-pontos-turisticos-na-regiao-serrana-do-rj-veja-antes-e-depois.shtml http://econym.org.uk/gmap

28. Dúvidas?

29. Obrigado! @fabiowlima [email_address]