Depois de procurar (pesquisar no Google) na web por um tempo, não consigo encontrar nada que exija um endereço como:
1200 Pennsylvania Ave SE, Washington, Distrito de Columbia, 20003
e o converte em um link clicável:
jQuery ou PHP preferido ou apenas qualquer informação útil sobre isso.
google-maps
hyperlink
google-maps-urls
Phill Pafford
fonte
fonte
&output=classic
ao seu link. Portanto, a coisa toda ficaria assim:http://maps.google.com/?q=1200%20Pennsylvania%20Ave%20SE,%20Washington,%20District%20of%20Columbia,%2020003&output=classic
https://www.google.com/maps/place/1200 Pennsylvania Ave SE, Washington, District of Columbia, 20003
¶ Para alguns locais você pode ir longe com o uso de apenas o nome ... masmaps.google.com/?q=
ewww.google.com/maps/place/
não necessariamente retornar os mesmos resultados:https://www.google.com/maps/place/White House
expande-se parahttps://www.google.com/maps/place/The+White+House,+1600+Pennsylvania+Ave+NW,+Washington,+DC+20500
, mashttps://maps.google.com/?q=White House
dá-me uma loja de antiguidades em NCSei que estou muito atrasado para o jogo, mas pensei em contribuir para a posteridade.
Eu escrevi uma breve função jQuery que transformará automaticamente as
<address>
tags em links do Google Maps.Veja uma demonstração aqui.
Bônus:
Também me deparei com uma situação que pedia a geração de mapas incorporados a partir dos links, e embora eu compartilhasse com futuros viajantes:
Veja uma demonstração completa
fonte
<address>
tag HTML5 não se destina a fornecer endereço postal, mas a fornecer informações de contato relacionadas ao conteúdo (geralmente o autor). developer.mozilla.org/pt-BR/docs/Web/HTML/Element/addressencodeURIComponent()
.Fevereiro de 2016:
Eu precisava fazer isso com base nos valores do banco de dados inseridos pelo cliente e sem um gerador de lat / long. Atualmente, o Google gosta muito de lat / long. Aqui está o que eu aprendi:
1 O início do link é semelhante a: https://www.google.com/maps/place/
2 Então você coloca seu endereço:
3 Coloque o endereço após o local /
4 Em seguida, coloque uma barra no final.
NOTA: A barra no final foi importante. Depois que o usuário clica no link, o Google segue em frente e anexa mais ao URL e o faz após essa barra.
Exemplo de trabalho para esta pergunta:
https://www.google.ca/maps/place/1200+Penn Pennsylvania+Ave+SE,+Washington,+DC+20003/
Espero que ajude.
fonte
Que tal isso: http://support.google.com/maps/bin/answer.py?hl=pt_BR&answer=72644
fonte
Se você tem latitude e longitude, pode usar qualquer parte ou todo o URL abaixo
Por exemplo: https://www.google.com/maps/@31.839472,54.361167,18z?hl=en
fonte
Tomando emprestado as soluções de Michael Jasper e Jon Hendershot, ofereço o seguinte:
Esta solução oferece os seguintes benefícios sobre as soluções oferecidas anteriormente:
<br>
tags)<address>
, portanto, a formatação é preservada<a><address></address></a>
que é inválida porque elementos no nível do bloco, como<address>
não são permitidos em elementos inline, como<a>
.Advertência : se sua
<address>
tag contiver elementos em nível de bloco como<p>
or<div>
, esse código JavaScript produzirá uma marcação inválida (porque a<a>
tag conterá esses elementos em nível de bloco). Mas se você está apenas fazendo coisas assim:Então vai funcionar muito bem.
fonte
Foi o que descobri em um dos artigos do Google Maps:
fonte
Em http://www.labnol.org/internet/tools/short-urls-for-google-maps/6604/, eles mostram um URL curto que funciona muito bem
Os URLs do Google Maps são bastante difíceis de usar, especialmente ao enviar mensagens instantâneas, tweets ou e-mails. O MapOf.it fornece uma maneira rápida de vincular ao Google Maps, simplesmente especificando o endereço do local como um parâmetro de pesquisa.
http://mapof.it/
Usei-o para algumas aplicações que projetei e funcionou como um encanto.
fonte
a codificação ur conver e adiciona todos os elementos extras, como espaços e tudo. para que você possa buscar facilmente o código de texto plano do db e usá-lo sem se preocupar com os caracteres especiais a serem adicionados
fonte
A melhor maneira é usar esta linha:
Lembre-se de substituir o primeiro e o segundo endereços quando necessário.
Você pode olhar para a amostra de trabalho
fonte
Eu tive um problema semelhante em que precisava fazer isso em todos os endereços do site (cada um envolvido em uma etiqueta de endereço). Este pouco de jQuery funcionou para mim. Ele pega cada
<address>
tag e o enrola em um link do google maps com o endereço que a tag contém!Exemplo de trabalho -> https://jsfiddle.net/f3kx6mzz/1/
fonte
encodeURIComponent
.Além disso, qualquer pessoa que queira manualmente URLENCODE o endereço: http://code.google.com/apis/maps/documentation/webservices/index.html#BuildingURLs
Você pode usar isso para criar regras específicas que atendam aos padrões da GM.
fonte
O método C # Replace geralmente funciona para mim:
fonte
Acabei de encontrar isso e gostaria de compartilhar ..
fonte