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

Post on 26-Jun-2015

5.796 views 0 download

description

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

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

Google Maps API 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

Objetivo

Fornecer uma visão geral

da Família Google Maps

API, e alguns detalhes da

Google Maps API V3

(Javascript)

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 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.

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.

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

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

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

V2Pro

blemas???

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

Case @ Identica

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

Case @ Identica

Case @ Identica

Case @ Identica

Case @ Identica

Case @ Identica

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

Dúvidas?

Obrigado!

@fabiowlima

fabio@identica.art.br