Introdução à Google Maps API
-
Upload
otavio-calaca-xavier -
Category
Technology
-
view
4.739 -
download
4
description
Transcript of Introdução à Google Maps API
Introdução àGoogle Maps API
Otávio Calaça [email protected]
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
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&v=2&key=sua_chave" type="text/javascript"></script>
Introdução à Google Maps API<Otávio Calaça Xavier> 4
Controles
Metodos addControl() e removeControl()GLargeMapControlGSmallMapControlGSmallZoomControlGScaleControlGMapTypeControlGHierarchicalMapTypeControlGOverviewMapControl
Controles Personalizados
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();
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();
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
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()
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
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.
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.
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.
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.
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
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