Mostrar Ruas da Cidade no Blog: Google Maps - Street View

Você pode mostrar ruas, avenidas enfim varias partes da sua cidade no seu blog ou ainda lugares interessantes de qualquer parte do mundo utilizando o Google Maps com a função Street View. Aproveite e conheça a Busca Google de Gadgets certamente achará acessórios interessantes para seu blog.

Esse serviço é totalmente gratuito e fácil de utilizar no seu blog, o site do Google Maps já dá o código pronto e você pode utilizar nas postagens ou mesmo na sidebar do seu blog. Apenas queremos lembrar que isso deixa seu blog lento e demorar um pouco mais para carregar a pagina (veja como testar a velocidade do blog), porque utiliza muitas imagens. Portanto veja se realmente vale à pena usar no seu blog.

Para conseguir o código e mostrar locais da cidade no seu blog permitindo até percorrer as ruas e avenidas é bem simples, entre no site http://maps.google.com.br e pesquise por uma cidade, rua, praça enfim o que desejar. Achamos que a melhor maneira é usar o nome do local (rua, avenida, praça...) junto com o da cidade, afinal o mesmo nome é utilizado em muitas cidades.

Quando visualizar o mapa clique sobre o boneco pegman que fica perto do zoom e movimentos do mapa

boneco do google maps - pegman

E arraste até o ponto que desejar sobre o mapa então solte o botão do mouse e aguarde carregar a pagina (dependendo da velocidade da sua conexão pode demorar um pouco). Agora você pode navegar pelas ruas da cidade utilizando os recursos do site (aparecem setas nas ruas, ou clicando para dar zoom em alguma parte e ainda clicando e arrastando para girar a imagem).

usar google maps no blog
Pegando o código do Google Street View para colocar no blog:
Quando achar o trecho que deseja mostrar no seu blog ou site clique na palavra link no canto direito superior.
codigo do google maps para blogs
Você verá dois códigos o primeiro deles: Colar link no e-mail ou em mensagem instantânea como o próprio texto diz é um link direito então você pode criar um link no seu blog para essa pagina como faria para qualquer outro site, assim quem desejar ver o mapa clicará no link.

O segundo código é Colar HTML para incorporar ao web site esse vai mostrar o mapa diretamente no seu blog ou site, ele é um código um longo, mas o que podemos modificar é bem fácil de achar, veja o inicio do código:
<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" ………

Você pode ajustar a largura e altura desta janela (local onde aparecem as ruas) como desejar, alterando os valores 425 (largura) e 350(altura), lembramos que quando maior mais tempo demora em carregar. Esperamos que gostem de mais esse acessório para usar no seu blog.

13 comentários :

  1. Eu ja conhecia esse acessorio, e uso em meu blog, ja que o tema do meu blog é sobre uma comunidade na BAHIA, ACUPE, e é bem intereçante usar um mapa.
    Valew Fabiano

    Felipe Argôlo.

    ResponderExcluir
  2. Ola,estou no 2º comentario e a minha net ta de gozaçao comigo cada vez q vou postar cai rsrs.
    Entao agora vou direto ao assunto rsrs. Como vejo q vc ajuda a bastante gente por aqui, vou dizer um problema q estou tendo com meu blog pra ver se vc pode me ajuda. Faz umas semanas q descobri q meu blog nao esta atualizando as postagens, e atualizo diariamente, mais estas só aparecem 2 ou 3 dias depois.por exemplo a postagem q fiz na quinta feira só apareceu hoje no blogrol dos amigos e das pessoas que me seguem.Ja tentei de varias maneiras arrumar isso, ate ja fiz o lance do feedburner,mais nao apareceu erro no feedbulletim.Entao nao sei o q fazer, e tenho visto q varias pessoas estao com o mesmo problema.nao sei se isso é um problema do blogger.Vc poderia me ajudar nisso?é que eu nao entendo muito do assunto.Desde ja agradeço. Abraço e bom fim de semana.Parabens por seu trabalho e pelo blog, muito util.

    ResponderExcluir
  3. Olá Fabiano Boa Noite!, eu estou com um sério problema com meu blog,
    A principio eu pensava que o erro só era com um computador, mais agora que eu
    começei a reçeber vários emails sobre o problema decidi vim aqui pedir um HELP
    Algumas pessoas estão comentado que meu blog quando elas "tentam acessar fica um Tela branca ao em vez do blog",
    será que Você pode me ajudar?

    Meu blog é http://www.glugu.com/

    Fico no Aguardo Sei que pode me ajudar

    Vlw

    ResponderExcluir
  4. Pedro Martins Santana
    entrei no seu blog agora e pareceu tudo normal....

    Liza Barros
    veja se as configurações do seu feed está correta..

    ResponderExcluir
  5. Vc poderia me indicar como faço isso.Pq eu entrei no feedburner segui algumas instrucoes da pagina e nao apareceu erro.Talvez eu esteja fazendo algo errado.E a verdade é q sou leiga nesse assunto rsrs.Te agradeço decoraçao.

    ResponderExcluir
  6. entrei no seu blog e o feed parece correto... infelizmente não sei o motivo desta demora

    ResponderExcluir
  7. Obrigado, vc é um anjo super prestativo.brigadao mesmo.

    ResponderExcluir
  8. é Fabiano mais não é em todos os PC´s que acontece isso, só em Alguns o meu ele tá tudo tranqüilo, será que é algum código ?

    ResponderExcluir
  9. Pedro Martins Santana
    pode ser erro no carregamento da pagina... exclua o historico de internet e tente novamente... pode ser isso.

    ResponderExcluir
  10. ai uma dica pra vc posta aii a nova extensao do orkut olha esse video aula para ajuda os blogueiros e donos de sites na divulgação

    http://www.youtube.com/watch?v=MSn8UfAGBJw&feature=player_embedded

    http://www.orkut.com.br/share

    fonte:http://www.decanautamegavideo.com/
    bota creditos pra me valeu

    ResponderExcluir
  11. edvaldod2
    mas o procedimento do video já testamos e também não funciona em blogs ou sites... o botão não aparece

    ResponderExcluir
  12. o que será que meu banner e tb o nome do meu blog esta descentralizado? o que estou errando vc poderia me ajudar?

    ResponderExcluir