SlideShare uma empresa Scribd logo
1 de 22
[object Object],[object Object],[object Object]
Objetivo da Aula ,[object Object]
Elaborar um mapa e inserir na página
Exemplos
[object Object],[object Object]
Existe uma família de aplicações denominada Google Maps API, que você integra com seu website: ,[object Object]
Google Maps API for Flash
Google Earth API
Google Static Maps API
Serviços da web
Google Maps Data API
[object Object],Incorpore um mapa do Google em sua página da web usando JavaScript.  Manipule o mapa e adicione conteúdo com a ajuda de vários serviços. Versão 3 :  http://code.google.com/apis/maps/documentation/javascript/   Versão 2 :  http://code.google.com/apis/maps/documentation/javascript/v2/
[object Object],Use essa API ActionScript para incorporar um mapa do Google na sua página da web ou aplicativo baseado em Flash.  Manipule o mapa em três dimensões e adicione conteúdo com a ajuda de vários serviços. http://code.google.com/intl/pt-BR/apis/maps/documentation/flash/
[object Object],Incorpore um verdadeiro globo digital em 3D à sua página da web.  Leve os seus visitantes a qualquer lugar da Terra (até mesmo nas profundezas dos oceanos) sem tirá-los de sua página da web. http://code.google.com/intl/pt-BR/apis/earth/
[object Object],Incorpore uma imagem simples e rápida do Google Maps em sua página da web ou site para celular sem precisar de códigos JavaScript ou qualquer carregamento dinâmico de página.  http://code.google.com/intl/pt-BR/apis/maps/documentation/staticmaps/
[object Object],Use solicitações de URL para acessar informações de geocodificação, rotas, elevação e lugares dos aplicativos cliente e manipule os resultados em JSON ou XML.  http://code.google.com/intl/pt-BR/apis/maps/documentation/webservices/index.html
[object Object],A API de dados do Google Maps permite que os aplicativos cliente visualizem, armazenem e atualizem dados do mapa na forma de feeds da API de dados do Google usando um modelo de dados de recursos (marcadores, linhas e formas) e mapas (coleções de recursos). Alguns exemplos de uso: ,[object Object]
Um site de comunidades para mapear trilhas de caminhada
Um aplicativo de celular para salvar os restaurantes favoritos
Como construir um mapa no Google? Para criar um mapa, você deve estar registrado no Google (ser um usuário google).  http://code.google.com/intl/pt-BR/apis/maps/signup.html Então, siga os passos: 1. Navegue em  www.google.com  , clique na opção  “Mapas” no topo da página; 2. Escolhe a opção “Meus lugares”, na barra à esquerda do Mapa; 3. Selecione o botão “CRIAR MAPA”; 4. Defina um título e uma descrição para a coleção de mapas. O título servirá para identificar a coleção de mapas (como legenda). No final clique em PRONTO.
' '
Adicionando o marcador de lugar no mapa ,[object Object]

Mais conteúdo relacionado

Destaque

Pruebas automatizadas de aceptación en aplicaciones web
Pruebas automatizadas de aceptación en aplicaciones webPruebas automatizadas de aceptación en aplicaciones web
Pruebas automatizadas de aceptación en aplicaciones web
Giannis Morales
 

Destaque (20)

Dropbox 17 05-2012
Dropbox 17 05-2012Dropbox 17 05-2012
Dropbox 17 05-2012
 
Google Maps - GDG Sorocaba - Kenzo
Google Maps - GDG Sorocaba - KenzoGoogle Maps - GDG Sorocaba - Kenzo
Google Maps - GDG Sorocaba - Kenzo
 
Instructivo: Documento en Google Drive
Instructivo: Documento en Google Drive Instructivo: Documento en Google Drive
Instructivo: Documento en Google Drive
 
Pruebas automatizadas de aceptación en aplicaciones web
Pruebas automatizadas de aceptación en aplicaciones webPruebas automatizadas de aceptación en aplicaciones web
Pruebas automatizadas de aceptación en aplicaciones web
 
Google Drive
Google DriveGoogle Drive
Google Drive
 
Google Drive - Formação
Google Drive - FormaçãoGoogle Drive - Formação
Google Drive - Formação
 
Site responsivo vantagens e desvantagens
Site responsivo vantagens e desvantagensSite responsivo vantagens e desvantagens
Site responsivo vantagens e desvantagens
 
Como usar o google drive
Como usar o google driveComo usar o google drive
Como usar o google drive
 
Dropbox
DropboxDropbox
Dropbox
 
Google drive, cómo trabajar en la nube de google
Google drive, cómo trabajar en la nube de googleGoogle drive, cómo trabajar en la nube de google
Google drive, cómo trabajar en la nube de google
 
Google drive - Planilhas
Google drive - PlanilhasGoogle drive - Planilhas
Google drive - Planilhas
 
Google docs google drive
Google docs   google driveGoogle docs   google drive
Google docs google drive
 
Google maps
Google mapsGoogle maps
Google maps
 
Apostila gmail googledrive
Apostila gmail googledriveApostila gmail googledrive
Apostila gmail googledrive
 
Google Maps
Google MapsGoogle Maps
Google Maps
 
Tutorial google drive
Tutorial google driveTutorial google drive
Tutorial google drive
 
Tutorial google drive
Tutorial google driveTutorial google drive
Tutorial google drive
 
Google Maps
Google MapsGoogle Maps
Google Maps
 
Excel funções
Excel funçõesExcel funções
Excel funções
 
TFG - Arquitetura e Urbanismo - Espaço Cultural de Apresentações Musicais
TFG - Arquitetura e Urbanismo - Espaço Cultural de Apresentações MusicaisTFG - Arquitetura e Urbanismo - Espaço Cultural de Apresentações Musicais
TFG - Arquitetura e Urbanismo - Espaço Cultural de Apresentações Musicais
 

Semelhante a Aula 5 - Criando Mapas no Google Maps

Tutorial da google maps javascript api v3
Tutorial da google maps javascript api v3Tutorial da google maps javascript api v3
Tutorial da google maps javascript api v3
Abimael Fernandes
 
Projeto dreamweaver aula 3 a 5
Projeto dreamweaver aula 3 a 5Projeto dreamweaver aula 3 a 5
Projeto dreamweaver aula 3 a 5
Élida Tavares
 
Grupo Barigui Site 2009
Grupo Barigui Site 2009Grupo Barigui Site 2009
Grupo Barigui Site 2009
guest1b1f731
 
Utilizando Intenções Para Mapas de Alta Qualidade no Android
Utilizando Intenções Para Mapas de Alta Qualidade no AndroidUtilizando Intenções Para Mapas de Alta Qualidade no Android
Utilizando Intenções Para Mapas de Alta Qualidade no Android
Vinícius Thiengo
 
Manual google-sites-100225083926-phpapp02
Manual google-sites-100225083926-phpapp02Manual google-sites-100225083926-phpapp02
Manual google-sites-100225083926-phpapp02
Marcio Colucci
 

Semelhante a Aula 5 - Criando Mapas no Google Maps (20)

Tutorial da google maps javascript api v3
Tutorial da google maps javascript api v3Tutorial da google maps javascript api v3
Tutorial da google maps javascript api v3
 
Tutorial-Como criar um mapa dos dados do Laudo de Avaliação de Imóveis no Goo...
Tutorial-Como criar um mapa dos dados do Laudo de Avaliação de Imóveis no Goo...Tutorial-Como criar um mapa dos dados do Laudo de Avaliação de Imóveis no Goo...
Tutorial-Como criar um mapa dos dados do Laudo de Avaliação de Imóveis no Goo...
 
Terabytes de Mapas
Terabytes de MapasTerabytes de Mapas
Terabytes de Mapas
 
Projeto dreamweaver aula 3 a 5
Projeto dreamweaver aula 3 a 5Projeto dreamweaver aula 3 a 5
Projeto dreamweaver aula 3 a 5
 
Minicurso google maps e ajax apostila betim
Minicurso google maps e ajax   apostila betimMinicurso google maps e ajax   apostila betim
Minicurso google maps e ajax apostila betim
 
Como criar mapas na web com Google Maps
Como criar mapas na web com Google MapsComo criar mapas na web com Google Maps
Como criar mapas na web com Google Maps
 
Nova API do Google Maps e Possíveis Aplicações
Nova API do Google Maps e Possíveis AplicaçõesNova API do Google Maps e Possíveis Aplicações
Nova API do Google Maps e Possíveis Aplicações
 
Dreamweaver aula 1
Dreamweaver aula 1Dreamweaver aula 1
Dreamweaver aula 1
 
Trabalho computador sociedade
Trabalho computador sociedadeTrabalho computador sociedade
Trabalho computador sociedade
 
Apresentação Google maps
Apresentação Google mapsApresentação Google maps
Apresentação Google maps
 
Semana de geomática UFSM 2016
Semana de geomática UFSM 2016Semana de geomática UFSM 2016
Semana de geomática UFSM 2016
 
Grupo Barigui Site 2009
Grupo Barigui Site 2009Grupo Barigui Site 2009
Grupo Barigui Site 2009
 
Apresentando o OpenStreetMap
Apresentando o OpenStreetMapApresentando o OpenStreetMap
Apresentando o OpenStreetMap
 
GeoWeb - Carto e QGIS Cloud
GeoWeb - Carto e QGIS CloudGeoWeb - Carto e QGIS Cloud
GeoWeb - Carto e QGIS Cloud
 
Apresentando o OpenStreetMap
Apresentando o OpenStreetMapApresentando o OpenStreetMap
Apresentando o OpenStreetMap
 
Desenvolvimento aplicações Android e Google Maps
Desenvolvimento aplicações Android e Google MapsDesenvolvimento aplicações Android e Google Maps
Desenvolvimento aplicações Android e Google Maps
 
Utilizando Intenções Para Mapas de Alta Qualidade no Android
Utilizando Intenções Para Mapas de Alta Qualidade no AndroidUtilizando Intenções Para Mapas de Alta Qualidade no Android
Utilizando Intenções Para Mapas de Alta Qualidade no Android
 
Manual google-sites-100225083926-phpapp02
Manual google-sites-100225083926-phpapp02Manual google-sites-100225083926-phpapp02
Manual google-sites-100225083926-phpapp02
 
Sig e cad nos aparelhos de última geração
Sig e cad nos aparelhos de última geraçãoSig e cad nos aparelhos de última geração
Sig e cad nos aparelhos de última geração
 
Usando React Native & Multi Módulos para Escalar App Creditas
Usando React Native & Multi Módulos para Escalar App CreditasUsando React Native & Multi Módulos para Escalar App Creditas
Usando React Native & Multi Módulos para Escalar App Creditas
 

Último

Último (6)

Boas práticas de programação com Object Calisthenics
Boas práticas de programação com Object CalisthenicsBoas práticas de programação com Object Calisthenics
Boas práticas de programação com Object Calisthenics
 
ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx
ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docxATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx
ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx
 
ATIVIDADE 1 - ESTRUTURA DE DADOS II - 52_2024.docx
ATIVIDADE 1 - ESTRUTURA DE DADOS II - 52_2024.docxATIVIDADE 1 - ESTRUTURA DE DADOS II - 52_2024.docx
ATIVIDADE 1 - ESTRUTURA DE DADOS II - 52_2024.docx
 
Padrões de Projeto: Proxy e Command com exemplo
Padrões de Projeto: Proxy e Command com exemploPadrões de Projeto: Proxy e Command com exemplo
Padrões de Projeto: Proxy e Command com exemplo
 
ATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docx
ATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docxATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docx
ATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docx
 
ATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docx
ATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docxATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docx
ATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docx
 

Aula 5 - Criando Mapas no Google Maps