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

29
Google Maps API e Possíveis Aplicações

description

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

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

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

Google Maps API e Possíveis Aplicações

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

Objetivo A Google Maps API

Família da Google Maps APIEmpresas usando e como estão usandoNova Google Maps API V3 (Javascript)

Possíveis Aplicações Case da Google Maps API Conclusão

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

Objetivo

Fornecer uma visão geral

da Família Google Maps

API, e alguns detalhes da

Google Maps API V3

(Javascript)

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

Google Maps API

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

Família Google Maps API

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

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.

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

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.

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

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

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

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

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

Possíveis aplicações

Chamada básica da API

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

Código fonte

Chamada básica da API

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

Possíveis aplicações

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

Código fonte

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

Possíveis aplicações

Folha de SP – Usando Google Maps API Flash (3D)

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

Possíveis aplicações

Mostrar densidade populacional

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

Possíveis aplicações

Rastrear de rota com indicador de direção

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

Código fonte

Rastrear de rota com indicador de direção

V2Pro

blemas???

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

Possíveis aplicações

Rastrear de rota com indicador de direção

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

“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);}

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

Case @ Identica

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

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

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

Case @ Identica

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

Case @ Identica

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

Case @ Identica

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

Case @ Identica

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

Case @ Identica

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

Referências

http://code.google.com/intl/pt-BR/apis/maps/ http://code.google.com/intl/pt-BR/apis/maps/documentation/javascript/exam

ples/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

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

Dúvidas?

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

Obrigado!

@fabiowlima

[email protected]