• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Aula 5 - Criando Mapas no Google Maps
 

Aula 5 - Criando Mapas no Google Maps

on

  • 2,953 views

 

Statistics

Views

Total Views
2,953
Views on SlideShare
2,953
Embed Views
0

Actions

Likes
1
Downloads
46
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)