Introdução à
Google Maps API
Otávio Calaça Xavier
otaviocx@gmail.com

O que é?
O que é o Google Maps?

 Serviço de Geoprocessamento
 Poderosa tecnologia de mapas
 Interface inteiramente amigável
O que é a API do Google Maps?

 Interface de desenvolvimento para aplicações
baseadas no Google Maps.
 Utiliza JavaScript
 Pode construir aplicações robustas
Introdução à Google Maps API
2
<Otávio Calaça Xavier>

Começando...
Obter uma chave da API

É necessário ter uma conta do google e um
domínio.
 A aplicação deve ser gratuita
 A 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>
Introdução à Google Maps API
3
<Otávio Calaça Xavier>

Controles
Metodos addControl() e removeControl()

 GLargeMapControl
 GSmallMapControl
 GSmallZoomControl
 GScaleControl
 GMapTypeControl
 GHierarchicalMapTypeControl
 GOverviewMapControl
Controles Personalizados

Introdução à Google Maps API
4
<Otávio Calaça Xavier>

Movimento e Animação
O Método setCenter();

Métodos panTo() e panDirection();

Métodos setZoom(); zoomIn() e zoomOut();

Métodos savePosition() e

returnToSavedPosition();
Introdução à Google Maps API
5
<Otávio Calaça Xavier>

Eventos
O Objeto GEvent

 Ouvintes
addListener();

 Usando os atributos do manipulador
overlay e point

 Removendo Ouvintes
removeListener();

Introdução à Google Maps API
6
<Otávio Calaça Xavier>

Overlays
Objetos que estão contidos no mapa.

 Janela de Informação
 Marcadores
 Polilinhas e Polígonos
 Rotas
Introdução à Google Maps API
7
<Otávio Calaça Xavier>

Janelas de Informação
Abrindo Janela Simples

 openInfoWindow() e
 openInfoWindowHtml()
Requisitando a Janela

 getInfoWindow()
Abrindo janela com abas

 openInfoWindowTabs() e
 openInfoWindowTabsHtml()
Janela Focando Mapa

 showMapBlowup()
Introdução à Google Maps API
8
<Otávio Calaça Xavier>

Marcadores
Criando um marcador

 GMarker
Com Janela de Informação

 Abrir: openInfoWindow()
 Vincular: bindInfoWindow()
Marcador Arrastável

 Opção draggable: true
Imagem do marcador

 GIcon
Introdução à Google Maps API
9
<Otávio Calaça Xavier>

Gerenciador de
Marcadores
Muitos marcadores no mapa podem:

 deixar a renderização lenta e
 gerar 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.
Introdução à Google Maps API
10
<Otávio Calaça Xavier>

Polilinhas e Polígonos
Polilinhas são pontos ligados por linhas

 GPolylines
 Cor, Grossura e Transparência das linhas são
configuráveis
Polígonos

 GPolygon
 São polilinhas preenchidas.
 Cor e Transparência do preenchimento são
configuráveis.
Introdução à Google Maps API
11
<Otávio Calaça Xavier>

Geocoder
Busca um ponto do mapa a partir do

endereço
 GClientGeocoder
 Presente desde a versão 2.55
Chama uma função ao achar ponto e o

passa para ela.
Introdução à Google Maps API
12
<Otávio Calaça Xavier>

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.
Introdução à Google Maps API
13
<Otávio Calaça Xavier>

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
Introdução à Google Maps API
14
<Otávio Calaça Xavier>

Grupo de Desenvolvedores
PHP de Goiás
Lista de Discussão

 Troca de Conhecimentos
 Grupo de Estudos
 Encontros
 Palestras
 Eventos
 Networking
Introdução à Google Maps API
15
<Otávio Calaça Xavier>

FIM
Otávio Calaça Xavier
otaviocx@gmail.com
Introdução à Google Maps API
16
<Otávio Calaça Xavier>