Google Maps no WordPress.com

06jul08

A mais recente dica do FAQ do WordPress.com é bem interessante: como inserir um mapa do Google Maps no WordPress.com:

1. Vá ao Google Maps (http://maps.google.com). Essa dica não funciona na versão brasileira do Google Maps (http://maps.google.com.br)

2. Digite na busca o nome de uma rua, avenida, estrada, enfim, uma localização geográfica.

3. Clique em ‘Search Maps’ (Pesquisar no Mapa)

4. Quando seu mapa já estiver completamente carregado, clique em ‘Link to this page’ (Criar link para esta página). Você deverá ver uma pop-up como a abaixo:

5. Selecione toda a caixa de texto ‘Paste HTML to embed in website’ (Colar HTML para incorporar ao website). O código deve começar com ‘<iframe…’. Copie o código

6. No seu painel de controle do WordPress.com, vá ao menu Escrever -> Artigo (Write -> Post), ou Escrever -> Página (Write -> Page). Cole o código (copiado no 5º passo) diretamente no diretor visual (Visualização).

7. Clique em ‘Gravar’ (Save). Você deve ter reparado que o código mudou. O WordPress o converteu para o código certo para ser usado por aqui.

8. E a partir daí você pode publicar o post com o mapa.

E para terminar o tutorial, um mapa da Ilha do Governador, o bairro onde eu moro:



5 Responses to “Google Maps no WordPress.com”

  1. 1 Emerson

    Olá, tentei colocar um mapa do google maps seguindo suas instruções mas não tive êxito!

    http://voudebike.wordpress.com/

    Como pode ver no link, ele não renderizou o mapa. Será que vc saberia o motivo pelo qual isto está acontecendo?

  2. Emerson, você tem razão, o seu código não funciona mesmo😦 .

    Não sei se o WordPress bugou ou algo assim, só sei que o código não funciona mais.

    Tente enviar uma mensagem (em inglês) para o suporte do WordPress.com para ver se eles podem resolver o seu problema. Enquanto isso, a melhor coisa a se fazer é publicar o mapa como um link.

    []’s!

  3. rsss…. rapaz… coloquei todo o codigo que o google deu entre o “…” bom…. FUNCIONO!! não sei o porque, mas sei que acertei na mosca… !

  4. rsss…. rapaz… coloquei todo o codigo que o google deu entre o bom…. FUNCIONO!! não sei o porque, mas sei que acertei na mosca…

  5. po o comentário tira os comando q posto… moderador completa ai.. o comando é o div e /div tem q por o codigo entre eles.. ! valeu


Deixe uma resposta

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair / Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair / Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair / Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair / Alterar )

Conectando a %s


%d blogueiros gostam disto: