Início > Informática > Google Maps no Meu Site

Google Maps no Meu Site

Quando navegamos pela “nuvem” podemos ver que, na maioria dos sites por onde passamos, estes usam o Google Maps para poder mostrar ou até ter alguma interacção com os utilizadores.

Vem agora uma grande dúvida como fazemos para “pormos” o Google maps no site. São enumeras as opções visto que a familia do “Google Maps API” é vasta. Nesta série de artigos iremos então ver como é que devemos utilizar “Maps JavaScript Api”.

Começamos então:

Primeiro necessitamos de uma “div” vazia dentro do nosso “body” no sito onde queremos que o mapa apareça.

Esta “div” servirá de contentor para o mapa. Para a podermos utilizar da forma mais simples iremos por “map” na propriedade “id”.

Em seguida para podermos usar a API teremos de incluir um script no “header” da nossa página.

Começamos então a usar os métodos da API. Vamos criar um “array” de objectos onde iremos definir todas as opções de carregamento do mapa.

  • zoom” – define o zoom inicial com que o mapa irá ser carregado
  • mapTypeId” – define qual o tipo de mapa (se é imagem de um mapa ou de satélite)
  • center” – onde definimos as coordenadas inicias onde se centrará o mapa
  • Vejam aqui mais opções que podem usar

Atribuímos o mapa ao “div” que criamos no nosso “body”.

Para ficar completo e a funcionar basta pormos este código numa função “javascript” e esta ser chamada aquando o carregamento do “body” da página.

Como podemos ver quase que não necessitamos de saber programar.

Categorias:Informática
  1. Ainda sem comentários.
  1. No trackbacks yet.

Deixe uma Resposta

Preencha os seus detalhes abaixo ou clique num ícone para iniciar sessão:

Logótipo da WordPress.com

Está a comentar usando a sua conta WordPress.com Terminar Sessão / Alterar )

Imagem do Twitter

Está a comentar usando a sua conta Twitter Terminar Sessão / Alterar )

Facebook photo

Está a comentar usando a sua conta Facebook Terminar Sessão / Alterar )

Google+ photo

Está a comentar usando a sua conta Google+ Terminar Sessão / Alterar )

Connecting to %s

%d bloggers like this: