Introdução à Google Maps API

16
Introdução à Google Maps API Otávio Calaça Xavier [email protected]

description

Palestra apresentada no V FGSL/I SGSL, que aconteceu em maio de 2008, sobre a API de Mapas do Google. São discritas as funcionalidades disponiveis nela, bem como links para mais informações à respeito.

Transcript of Introdução à Google Maps API

Page 1: Introdução à Google Maps API

Introdução àGoogle Maps API

Otávio Calaça [email protected]

Page 2: Introdução à Google Maps API

Introdução à Google Maps API<Otávio Calaça Xavier> 2

O que é?

O que é o Google Maps?Serviço de GeoprocessamentoPoderosa tecnologia de mapasInterface inteiramente amigável

O que é a API do Google Maps?Interface de desenvolvimento para aplicações

baseadas no Google Maps.Utiliza JavaScriptPode construir aplicações robustas

Page 3: Introdução à Google Maps API

Introdução à Google Maps API<Otávio Calaça Xavier> 3

Começando...

Obter uma chave da APIÉ necessário ter uma conta do google e um

domínio.A aplicação deve ser gratuitaA API não inclui publicidadeÚltima versão: 2.95

A linha mágica: <script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=sua_chave" type="text/javascript"></script>

Page 4: Introdução à Google Maps API

Introdução à Google Maps API<Otávio Calaça Xavier> 4

Controles

Metodos addControl() e removeControl()GLargeMapControlGSmallMapControlGSmallZoomControlGScaleControlGMapTypeControlGHierarchicalMapTypeControlGOverviewMapControl

Controles Personalizados

Page 5: Introdução à Google Maps API

Introdução à Google Maps API<Otávio Calaça Xavier> 5

Movimento e Animação

O Método setCenter();

Métodos panTo() e panDirection();

Métodos setZoom(); zoomIn() e zoomOut();

Métodos savePosition() e returnToSavedPosition();

Page 6: Introdução à Google Maps API

Introdução à Google Maps API<Otávio Calaça Xavier> 6

Eventos

O Objeto GEvent

Ouvintes addListener();

Usando os atributos do manipulador overlay e point

Removendo Ouvintes removeListener();

Page 7: Introdução à Google Maps API

Introdução à Google Maps API<Otávio Calaça Xavier> 7

Overlays

Objetos que estão contidos no mapa.

Janela de Informação

Marcadores

Polilinhas e Polígonos

Rotas

Page 8: Introdução à Google Maps API

Introdução à Google Maps API<Otávio Calaça Xavier> 8

Janelas de Informação

Abrindo Janela SimplesopenInfoWindow() eopenInfoWindowHtml()

Requisitando a JanelagetInfoWindow()

Abrindo janela com abasopenInfoWindowTabs() eopenInfoWindowTabsHtml()

Janela Focando MapashowMapBlowup()

Page 9: Introdução à Google Maps API

Introdução à Google Maps API<Otávio Calaça Xavier> 9

Marcadores

Criando um marcadorGMarker

Com Janela de InformaçãoAbrir: openInfoWindow()Vincular: bindInfoWindow()

Marcador ArrastávelOpção draggable: true

Imagem do marcadorGIcon

Page 10: Introdução à Google Maps API

Introdução à Google Maps API<Otávio Calaça Xavier> 10

Gerenciador de Marcadores

Muitos marcadores no mapa podem:deixar a renderização lenta egerar desorganização visual.

O Gerenciador de Marcadores resolve esses problemas.Incluir arquivo “markermanager.js”.Criar um objeto MarkerManager para o mapa.Adicionar marcadores ao MarkerManager e

não ao mapa.

Page 11: Introdução à Google Maps API

Introdução à Google Maps API<Otávio Calaça Xavier> 11

Polilinhas e Polígonos

Polilinhas são pontos ligados por linhasGPolylinesCor, Grossura e Transparência das linhas são

configuráveis Polígonos

GPolygonSão polilinhas preenchidas.Cor e Transparência do preenchimento são

configuráveis.

Page 12: Introdução à Google Maps API

Introdução à Google Maps API<Otávio Calaça Xavier> 12

Geocoder

Busca um ponto do mapa a partir do endereçoGClientGeocoderPresente desde a versão 2.55

Chama uma função ao achar ponto e o passa para ela.

Page 13: Introdução à Google Maps API

Introdução à Google Maps API<Otávio Calaça Xavier> 13

Rotas

Busca o geocódigo de dois pontos no mapa.GDirections.load();Presente desde a versão 2.81

Traça as rotas de um ponto ao outro.Leva em conta o sentido das ruas.Faz a melhor rota.Detalha toda a rota, em texto, fora do mapa.Em várias línguas.

Page 14: Introdução à Google Maps API

Introdução à Google Maps API<Otávio Calaça Xavier> 14

Referências

Documentação http://code.google.com/apis/maps/documentation/

Blog Oficial http://googlemapsapi.blogspot.com/

Grupo de Discussões http://groups.google.com/group/Google-Maps-API

Artigos e Tutoriais http://code.google.com/support/bin/topic.py?topic=11364

Page 15: Introdução à Google Maps API

Introdução à Google Maps API<Otávio Calaça Xavier> 15

Grupo de Desenvolvedores PHP de Goiás

Lista de Discussão Troca de Conhecimentos Grupo de Estudos Encontros Palestras Eventos Networking

Page 16: Introdução à Google Maps API

Introdução à Google Maps API<Otávio Calaça Xavier> 16

FIM

Otávio Calaça [email protected]