16 Alunos Online  \\  
 
 
 
 

A página de contacto do seu website, é dos elementos mais importantes do seu website. Como tal, hoje vou explicar como melhorá-la com a integração do Google Maps.
Integrar o Google Maps na página do seu blog pode ser interessante, como poderá ser interessante colocar no website da sua empresa ou outro.

É relativamente fácil integrar o Google Maps dinâmico, que permite aos seus leitores, utilizarem as funções de zoom in e zoom out, bem como navegarem em toda a superficie do Google Maps, ainda que ele esteja no seu blog.
Se você não pretender que os seus leitores naveguem livremente no seu Google Maps, poderá bloqueá-lo apenas e somente à area que você definiu previamente.

Começe por descarregar o Google Maps Plugin para Wordpress. Este plugin foi desenvolvido por Avi Alkalay.

A utilização deste plugin irá proporcionar-lhe a criação de Mapas simples, com apenas uma localização e um balão de navegação, até Mapas complexos com vários pontos de interesse e vários balões. Tudo dependerá do objectivo ao utilizar o Google Maps no seu blog.

Depois de descarregar o plugin, deverá fazer o upload do mesmo para a sua pasta /wp-content/plugins.
Depois e antes de tudo, deverá criar uma chave API do Google Maps, que ficará para sempre indexa ao endereço do seu website.
É bastante fácil de criar, bastando para isso aceitar os termos e condições, e digitar o endereço do seu website.

Depois de ter a sua chave API para o Google Maps, vá ao menu de Plugins/Extensões do seu blog Wordpress, e active o plugin do Google Maps.
Após a activação do Plugin, navegue no separador Options/Opções do seu backoffice Wordpress, e escolha o sub-separador Inline Google Maps.

Ai dentro terá as seguintes opções descritas na imagem. Onde diz Your Google Map API Key, você deverá colocar a chave API que criou e que está indexada ao seu URL.
As dimensões do mapa, ficam ao seu critério. Geralmente blogs com a largura do Fique-Rico, têm cerca de 550 pixeis, sendo que a altura do mapa é arbitrária.
Cromo criar um Mapa Simples pra colocar no seu blog

1- Começe por visitar a página da Google Maps, e digitar a cidade ou a localidade que pretende encontrar. No caso de ser uma localidade de uma cidade, coloque por exemplo Barosa, Leiria. Sendo que Barosa é a localidade e Leiria a cidade.
Depois disso, tem à sua escolha 3 tipos de visualização: Mapa, Satélite e Hibrido. Na minha opinião o estilo Mapa é o que melhor se enquadra no âmbito profissional e simplista de um blog, mas a escolha ficará sempre ao seu gosto.

2- Depois de encontrar a zona que pretende apresentar e o tipo de visualização a usar, carregue na opção que diz Link to this Page, que se encontra no canto superior direito da página, ao pé dos botões de visualização. Copie o link porque vai necessitar dele já de seguida.

3- Depois de ter copiado o link para o mapa, edite ou crie no Wordpress a sua página de contactos. Escreva um texto do tipo Mapa de Localização do meu Website, e crie um link dentro dele. Veja o exemplo:

4- Ao criar um link, terá a opção de preencher três campos adicionais. No primeiro irá colar o link do seu mapa. Na segunda opção irá definir para abrir na mesma janela, e na terceira opção irá escrever googlemap.

5- Agora só necessita de publicar o seu post, e começar a brincar com o seu Google Maps.
Posteriormente poderá fazer algumas optimizações manuais, como por exemplo colocar o seu Mapa centrado.

Se tiver corrido tudo bem, terá na sua página um mapa idêntico a este:

Comandos especificos para o seu Mapa:

googlemap

Renderiza um mapa com controlos, marcador e tamanho default, conforme especificado na página de administração do plugin.

googlemap;nocontrols;w:300;h:200

Renderiza um mapa a 300×200 com marcador, mas sem controlo de zoom.

googlemap;nomarker;nocontrols;w:100;h:100

Renderiza um mapa pequeno de 100×100 sem marcado e sem controlo de zoom.

googlemap;nomarker;nocontrols;w:100%;h:300

Renderiza um mapa que preenche todo o espaço de largura disponível, e fixa uma altura de 300 pixeis. Não utiliza marcadores nem controlo de zoom.

 

A integração de um mapa deste estilo pode ser muito interessante.
Se você colocar o mapa na sua página, será bastante mais fácil aos seus leitores saberem onde se localiza a cidade onde você vive e escreve.
Poderá servir também para os leitores mais interessados anotarem na altura em que o forem visitar ou entrevistar.

Até Já.


Se gostou deste post, considere subscrever o nosso RSS Feed Completo!
Ou então Subscreva o Fique Rico por Email!

Ebook Exercícios para Blogueiros

Autor: Paulo Faustino

Blog do Autor | Artigos do Autor: Paulo Faustino

Foi o fundador da Escola Dinheiro. É um empreendedor e blogueiro que dedica a sua vida à produção e partilha de conteúdos de grande qualidade, contando já com alguns dos mais reconhecidos blogs de Portugal e do Brasil.

Gostou deste artigo? Partilhe-o por favor!



Ajude-nos!

EUR


Comentários dos Alunos


  1. Daniel Filipe
    09 04, 2008

    Muito interessante… Isso dá muito jeito para sites de empresas para localizar os seus escritórios, etc…

    Responder


  2. FxDi@mOnD
    09 04, 2008

    Olá Daniel. Penso que poderá ser aplicado a praticamente todo o tipo de websites ou blogs. Dependerá depois dos objectivos de cada um.

    Obrigado e Até Já.

    Responder


  3. LenteIndiscreta.com
    10 04, 2008

    Andei um bom tempo à procura de um plugin para colocar um mapa num blog através de um ficheiro .kml criado através do Google Maps e só recentemente consigo o que queria.

    Não vou partilhar de momento porque é um “artigo” que mais tarde irei desenvolver, ai depois partilho. :)

    Responder


  4. FxDi@mOnD
    10 04, 2008

    Olá Lente. Se for Wordpress tens aqui uma excelente oportunidade e simples de utilizar.
    Se não for, aguardarei pela publicação do teu artigo. Depois dá novidades. :D

    Até Já.

    Responder


  5. LenteIndiscreta.com
    10 04, 2008

    Já não tenho a certeza, mas penso que este não suporta ficheiros .kml

    Na altura que andei à procura de um plugin do género também encontrei este, mas para além dos ficheiros .kml que penso que não suporta, também tinha uma ou outra coisa que não me agradava, mas é sem dúvida um plugin muito bom.

    Quando tiver novidades aviso.

    Boa continuação!

    Responder


  6. clarisse
    31 10, 2008

    O google é mesmo genial!

    Um otimo exemplo de site brasileiro que utiliza ao máximo essa API é o Imobilien. Muito bacana e inovador.

    Beijos

    Responder


  7. Wagner Reis
    24 11, 2008

    É Paulo, funcionou bem, mais nao no internet explorer, fui ver no site do desenvolvedor e resumidamente ele disse que só testou no Firefox e que não sabe nem vai consertar bugs no Internet explorer.
    Pelo visto ele é um daqueles caras de codigo aberto loucos que nao pensa nos usuarios

    Responder


  8. André
    27 08, 2009

    opa, eu criei um tutorial com imagens de como inserir um google map dinamico em seu site com apenas 8 passos.
    Espero q gostem, está relacionado a este assunto.
    ai vai o link:
    http://www.gasparimsat.com/index.php/26/08/2009/colocar-mapa-google-no-seu-site/

    Responder


  9. eduardo
    28 01, 2010

    Realizei todos os passos, o mapa aparece no site, mas o ponto da empresa não aparece no mapa, o que pode estar acontecendo?

    Responder

Comente o Artigo!

RSS
Twitter
Facebook
Comentários
ASSINANTES
SEGUIDORES
FÃS
COMENTÁRIOS
21716

Subscrever Newsletter
Subscreva a Newsletter:

Colmeia
<img src="http://metododinheiro.com/images/stories/md-screen-download.jpg">





bialto
netaffiliation Apostas Desportivas
criar sites Galeria de Blogs

Quer anunciar aqui por apenas 30EUR/mês?





Assine a Escola Dinheiro Assine a Newsletter da Escola Dinheiro Escola Dinheiro no Twitter Escola Dinheiro no Facebook Escola Dinheiro no Youtube Escola Dinheiro no Orkut Escola Dinheiro no Yahoo Meme Escola Dinheiro no Dihitt Escola Dinheiro no Google Buzz