Google Maps API e Possíveis Aplicações
<ul><li>Objetivo </li></ul><ul><li>A Google Maps API </li></ul><ul><ul><li>Família da Google Maps API </li></ul></ul><ul><...
Objetivo <ul><li>Fornecer uma visão geral </li></ul><ul><li>da Família Google Maps </li></ul><ul><li>API, e alguns detalhe...
Google Maps API
Família Google Maps API
Quem usa e como estão usando? In just a few days, The New York Times developed interactive maps for all the destinations i...
Nova Google Maps API V3 (Javascript) V3: a solução para aplicativos do Google Maps para computadores e dispositivos móveis...
Nova Google Maps API V3 (Javascript) <ul><li>Conjunto menor de recursos do comparada a versão 2, nem por isso pior </li></...
Nova Google Maps API V3 (Javascript) <ul><li>Eventos </li></ul><ul><ul><li>Eventos de interface de usuário </li></ul></ul>...
Possíveis aplicações Chamada básica da API
Código fonte Chamada básica da API
Possíveis aplicações
Código fonte
Possíveis aplicações Folha de SP – Usando Google Maps API Flash (3D)
Possíveis aplicações Mostrar densidade populacional
Possíveis aplicações Rastrear de rota com indicador de direção
Código fonte Rastrear de rota com indicador de direção V2 Problemas???
Possíveis aplicações Rastrear de rota com indicador de direção
“ Solução by Google” function initialize() { geocoder = new google.maps.Geocoder(); infowindow = new google.maps.InfoWindo...
Case @ Identica
Case @ Identica <ul><li>Solução de rastreamento </li></ul><ul><li>Aplicativo web totalmente na V3 Javascript </li></ul><ul...
Case @ Identica
Case @ Identica
Case @ Identica
Case @ Identica
Case @ Identica
Referências <ul><li>http://code.google.com/intl/pt-BR/apis/maps/ </li></ul><ul><li>http://code.google.com/intl/pt-BR/apis/...
Dúvidas?
Obrigado! <ul><li>@fabiowlima </li></ul>[email_address]
Próximos SlideShares
Carregando em…5
×

Nova API do Google Maps e Possíveis Aplicações

6.446 visualizações

Publicada em

Zigotto labs em 21 de Janeiro de 2011
Por Fábio Lima

Publicada em: Tecnologia
  • Seja o primeiro a comentar

Nova API do Google Maps e Possíveis Aplicações

  1. 1. Google Maps API e Possíveis Aplicações
  2. 2. <ul><li>Objetivo </li></ul><ul><li>A Google Maps API </li></ul><ul><ul><li>Família da Google Maps API </li></ul></ul><ul><ul><li>Empresas usando e como estão usando </li></ul></ul><ul><ul><li>Nova Google Maps API V3 (Javascript) </li></ul></ul><ul><li>Possíveis Aplicações </li></ul><ul><li>Case da Google Maps API </li></ul><ul><li>Conclusão </li></ul>
  3. 3. Objetivo <ul><li>Fornecer uma visão geral </li></ul><ul><li>da Família Google Maps </li></ul><ul><li>API, e alguns detalhes da </li></ul><ul><li>Google Maps API V3 </li></ul><ul><li>(Javascript) </li></ul>
  4. 4. Google Maps API
  5. 5. Família Google Maps API
  6. 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. 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. 8. Nova Google Maps API V3 (Javascript) <ul><li>Conjunto menor de recursos do comparada a versão 2, nem por isso pior </li></ul><ul><li>Estrutura MVC modificada </li></ul><ul><li>Esta versão da API Javascript do Google Maps não precisa mais de chaves de API </li></ul><ul><li>Mapas estilizados </li></ul><ul><li>Google Streetview suportado em HTML </li></ul>
  9. 9. Nova Google Maps API V3 (Javascript) <ul><li>Eventos </li></ul><ul><ul><li>Eventos de interface de usuário </li></ul></ul><ul><ul><li>Alterações de estado MVC </li></ul></ul><ul><li>Controles </li></ul><ul><ul><li>Navegação, MapType, Escala </li></ul></ul><ul><li>Superposições </li></ul><ul><ul><li>Marcadores, Polilinhas, Janela de Informações, Polígonos, Mapas Estilizados </li></ul></ul><ul><li>Serviços </li></ul><ul><ul><li>Geocodificação, Rotas, Streetview </li></ul></ul>
  10. 10. Possíveis aplicações Chamada básica da API
  11. 11. Código fonte Chamada básica da API
  12. 12. Possíveis aplicações
  13. 13. Código fonte
  14. 14. Possíveis aplicações Folha de SP – Usando Google Maps API Flash (3D)
  15. 15. Possíveis aplicações Mostrar densidade populacional
  16. 16. Possíveis aplicações Rastrear de rota com indicador de direção
  17. 17. Código fonte Rastrear de rota com indicador de direção V2 Problemas???
  18. 18. Possíveis aplicações Rastrear de rota com indicador de direção
  19. 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(&quot;mapa&quot;), myOptions); }
  20. 20. Case @ Identica
  21. 21. Case @ Identica <ul><li>Solução de rastreamento </li></ul><ul><li>Aplicativo web totalmente na V3 Javascript </li></ul><ul><li>Aplicativo móvel em J2ME </li></ul><ul><li>Localização é enviada por terminais móveis </li></ul><ul><li>Posicionamento por GPS ou triangulação de antenas </li></ul><ul><li>Mensagens e fotos dos posicionamentos podem ser enviados para mapa </li></ul><ul><li>Botão de pânico </li></ul>
  22. 22. Case @ Identica
  23. 23. Case @ Identica
  24. 24. Case @ Identica
  25. 25. Case @ Identica
  26. 26. Case @ Identica
  27. 27. Referências <ul><li>http://code.google.com/intl/pt-BR/apis/maps/ </li></ul><ul><li>http://code.google.com/intl/pt-BR/apis/maps/documentation/javascript/examples/index.html </li></ul><ul><li>http://maps.google.com/help/maps/casestudies/video.html#nytimes </li></ul><ul><li>http://maps.google.com/help/maps/casestudies/video.html#kpbs </li></ul><ul><li>http://www1.folha.uol.com.br/cotidiano/860350-chuva-danifica-imoveis-e-pontos-turisticos-na-regiao-serrana-do-rj-veja-antes-e-depois.shtml </li></ul><ul><li>http://econym.org.uk/gmap </li></ul>
  28. 28. Dúvidas?
  29. 29. Obrigado! <ul><li>@fabiowlima </li></ul>[email_address]

×