O slideshow foi denunciado.
Seu SlideShare está sendo baixado. ×

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

Anúncio
Anúncio
Anúncio
Anúncio
Anúncio
Anúncio
Anúncio
Anúncio
Anúncio
Anúncio
Anúncio
Anúncio
Próximos SlideShares
I si ana carolina
I si ana carolina
Carregando em…3
×

Confira estes a seguir

1 de 29 Anúncio

Mais Conteúdo rRelacionado

Semelhante a Nova API do Google Maps e Possíveis Aplicações (20)

Anúncio

Mais recentes (20)

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]

×