Después de buscar (buscar en Google) en la web por un tiempo, no puedo encontrar nada que tenga una dirección como:
1200 Pennsylvania Ave SE, Washington, Distrito de Columbia, 20003
y lo convierte en un enlace en el que se puede hacer clic:
Se prefiere jQuery o PHP o simplemente cualquier información útil sobre esto.
google-maps
hyperlink
google-maps-urls
Phill Pafford
fuente
fuente
&output=classic
su enlace. Así que todo se vería así: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
¶ En algunos lugares se puede salir con el uso de sólo el nombre ... peromaps.google.com/?q=
ywww.google.com/maps/place/
no necesariamente los mismos resultados:https://www.google.com/maps/place/White House
se expande ahttps://www.google.com/maps/place/The+White+House,+1600+Pennsylvania+Ave+NW,+Washington,+DC+20500
perohttps://maps.google.com/?q=White House
me da una tienda de antigüedades en Carolina del NorteSé que llego muy tarde al juego, pero pensé que contribuiría por el bien de la posteridad.
Escribí una breve función jQuery que convertirá automáticamente cualquier
<address>
etiqueta en enlaces de mapas de Google.Vea una demostración aquí.
Prima:
También me encontré con una situación que requería generar mapas incrustados a partir de los enlaces, y aunque compartiría con futuros viajeros:
Ver una demostración completa
fuente
<address>
etiqueta HTML5 no está destinada a proporcionar una dirección postal, sino a proporcionar información de contacto relacionada con el contenido (generalmente el autor). developer.mozilla.org/en-US/docs/Web/HTML/Element/addressencodeURIComponent()
.Febrero de 2016:
Necesitaba hacer esto en función de los valores de base de datos ingresados por el cliente y sin un generador de lat / long. Google realmente le gusta lat / long en estos días. Esto es lo que aprendí:
1 El comienzo del enlace se ve así: https://www.google.com/maps/place/
2 Luego pones tu dirección:
3 Ponga la dirección después del lugar /
4 Luego coloque una barra al final.
NOTA: La barra al final fue importante. Después de que el usuario hace clic en el enlace, Google continúa y agrega más a la URL y lo hacen después de esta barra.
Ejemplo de trabajo para esta pregunta:
https://www.google.ca/maps/place/1200+Pennsylvania+Ave+SE,+Washington,+DC+20003/
Espero que eso ayude.
fuente
¿Qué pasa con esto: http://support.google.com/maps/bin/answer.py?hl=es&answer=72644?
fuente
Si tiene latitud y longitud, puede usar una parte o la totalidad de la siguiente URL
Por ejemplo: https://www.google.com/maps/@31.839472,54.361167,18z?hl=en
fuente
Tomando prestado de las soluciones de Michael Jasper y Jon Hendershot, ofrezco lo siguiente:
Esta solución ofrece los siguientes beneficios sobre las soluciones ofrecidas anteriormente:
<br>
etiquetas) dentro<address>
, por lo que se conserva el formato<a><address></address></a>
que no es válida porque los elementos de nivel de bloque, como por ejemplo<address>
, no están permitidos dentro de elementos en línea como<a>
.Advertencia : si su
<address>
etiqueta contiene elementos de nivel de bloque como<p>
o<div>
, entonces este código JavaScript producirá un marcado no válido (porque la<a>
etiqueta contendrá esos elementos de nivel de bloque). Pero si solo estás haciendo cosas como esta:Entonces funcionará bien.
fuente
Esto es lo que encontré en uno de los artículos de Google Maps:
fuente
En http://www.labnol.org/internet/tools/short-urls-for-google-maps/6604/ muestran una URL corta que funciona bastante bien
Las URL de Google Maps son bastante difíciles de manejar, especialmente cuando se envían mensajes instantáneos, tweets o correos electrónicos. MapOf.it le proporciona una forma rápida de vincular a Google Maps simplemente especificando la dirección de la ubicación como parámetro de búsqueda.
http://mapof.it/
Lo utilicé para algunas aplicaciones que he diseñado y funcionó de maravilla.
fuente
la codificación ur conver y agrega todos los elementos adicionales como espacios y todo. para que pueda obtener fácilmente el código de texto plano de db y usarlo sin preocuparse por los caracteres especiales que se agregarán
fuente
La mejor manera es usar esta línea:
Recuerde reemplazar la primera y la segunda dirección cuando sea necesario.
Puedes mirar la muestra de trabajo
fuente
Tuve un problema similar en el que necesitaba lograr esto para cada dirección en el sitio (cada una envuelta en una etiqueta de dirección). Este bit de jQuery funcionó para mí. ¡Tomará cada
<address>
etiqueta y la envolverá en un enlace de Google Maps con la dirección que contiene la etiqueta!Ejemplo de trabajo -> https://jsfiddle.net/f3kx6mzz/1/
fuente
encodeURIComponent
en su lugar.Además, cualquiera que desee URLENCODE manualmente la dirección: http://code.google.com/apis/maps/documentation/webservices/index.html#BuildingURLs
Puede usar eso para crear reglas específicas que cumplan con los estándares de GM.
fuente
El método C # Reemplazar generalmente funciona para mí:
fuente
Acabo de encontrar esto y me gusta compartir ...
fuente