Aula 5 - Criando Mapas no Google Maps
Upcoming SlideShare
Loading in...5
×
 

Aula 5 - Criando Mapas no Google Maps

on

  • 3,020 views

 

Statistics

Views

Total Views
3,020
Views on SlideShare
3,020
Embed Views
0

Actions

Likes
1
Downloads
48
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as OpenOffice

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Aula 5 - Criando Mapas no Google Maps Aula 5 - Criando Mapas no Google Maps Presentation Transcript

    • Google Maps
      Programação para Web Prof. Cláudio Martin s [email_address]
      IFPA-PA Curso de Tecnologia em Análise e Desenvolvimento de Sistemas
  • Objetivo da Aula
    • Compreender o conceito de Google Map
    • Elaborar um mapa e inserir na página
    • Exemplos
    • Sobre a Google Maps API
    • A Google Maps API é um serviço gratuito oferecido pelo Google, que permite elaborar, exibir e compartilhar mapas tanto em formato vetorial (linhas e pontos), quanto rasterizada (fotos de satélite).
    • Existe uma família de aplicações denominada Google Maps API, que você integra com seu website:
      • Google Maps JavaScript API
      • Google Maps API for Flash
      • Google Earth API
      • Google Static Maps API
      • Serviços da web
      • Google Maps Data API
      • Google Maps JavaScript API
    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/
      • Google Maps API for Flash
    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/
      • Google Earth API
    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/
      • Google Static Maps API
    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/
      • Serviços da web
    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
      • Google Maps Data API
    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:
      • Uma ferramenta pessoal para planejar e registrar viagens
      • 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
    • Pesquise a localização do local a adicionar no mapa
      • Você pode ir selecionando diretamente no mapa, ou
      • Pesquisando o endereço na barra de pesquisa, podendo ser as coordenadas geográficas (longitude, latitude), cep e endereço completo (Cidade, Estado, País, endereço, número).
  • Localizando pelo endereço
  • Localizando pelas coordenadas
  • Salvando a localização
  • Editanto o Local do Mapa - Clique em EDITAR, altere as informações do mapa (clique em OK) - Finalize clicando em PRONTO
  • Como incorporar um mapa em um site ou blog
    • Você pode incorporar um mapa simples, um conjunto de rotas, uma pesquisa local ou mapas criados por outros usuários. Veja como:
      • Confira se o mapa que você deseja incorporar aparece na exibição de mapa atual.
      • Clique em Criar link para esta página no canto superior direito do mapa.
      • Na caixa exibida, copie o HTML sob "Colar HTML para incorporar em um site" e cole-o no código-fonte do seu site ou blog.
  • Recuperando o código de localização Clique nesta corrente Selecione este código
  • Exibindo o resultado na página html
  • Personalizando a exibição do mapa
    • Se desejar ajustar o tamanho do mapa antes de incorporá-lo, basta clicar em Personalizar e visualizar mapa incorporado, selecionar o tamanho de sua preferência e observar o mapa de visualização. Quando você estiver satisfeito com a aparência, copie o HTML exibido na caixa da parte inferior da janela.
      • Não é possível incorporar mapas de trânsito, minimapas e mais alguns recursos do Google Maps.
    • Para informações mais detalhadas sobre como adicionar um mapa do Google no seu site, consulte http://maps.google.com.br/help/maps/getmaps
  • Personalizando a exibição do mapa
  • Atividades práticas
    • Crie uma coleção de mapas para a região metropolitana de Belém (Pará)
    • Salve as seguintes localidades:
      • Reitoria do IFPA (na Av. João Paulo II...)
      • UFPA, no campus Guamá
      • Prefeitura de Ananindeua, BR-316
    • Para cada localidade, exiba uma página com o seguinte formato de mapa:
      • Reitoria do IFPA: mapa vetorial pequeno
      • UFPA: mapa médio, com imagem de satélite
      • Prefeitura de Ananindeua: mapa grande, no formato EARTH (em perspectiva)