Cómo convertir una dirección en un enlace de Google Maps (NO MAPA)
Después de buscar (googlear) 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:
http://maps.google.com/maps?f=q&source=s_q&hl=en&q=1200+Pennsylvania+Ave+SE,+Washington,+District+of+Columbia,+20003&sll=37.0625,-95.677068&sspn=44.118686,114.169922 &ie=UTF8&cd=1&geocode=FT5MUQIdIDlp-w&split=0&ll=38.882147,-76.99017&spn=0.01064,0.027874&z=16&iwloc=A
Se prefiere jQuery o PHP o simplemente cualquier información útil al respecto.
¿Qué tal esto?
https://maps.google.com/?q=1200 Pennsylvania Ave SE, Washington, Distrito de Columbia, 20003
https://maps.google.com/?q=term
Si tiene latitud, utilice la siguiente URL
https://maps.google.com/?ll=latitude,longitude
Ejemplo: mapas.google.com/?ll=38.882147,-76.99017
ACTUALIZAR
A partir del año 2017, Google ahora tiene una forma oficial de crear URL de Google Maps multiplataforma:
https://developers.google.com/maps/documentation/urls/guide
Puedes usar enlaces como
https://www.google.com/maps/search/?api=1&query=1200%20Pennsylvania%20Ave%20SE%2C%20Washington%2C%20District%20of%20Columbia%2C%2020003
Sé que llego muy tarde al juego, pero pensé en contribuir por el bien de la posteridad.
Escribí una breve función jQuery que convertirá automáticamente cualquier <address>etiqueta en enlaces de Google Maps.
Vea una demostración aquí.
$(document).ready(function () {
//Convert address tags to google map links - Michael Jasper 2012
$('address').each(function () {
var link = "<a href='http://maps.google.com/maps?q=" + encodeURIComponent( $(this).text() ) + "' target='_blank'>" + $(this).text() + "</a>";
$(this).html(link);
});
});
Prima:
También me encontré con una situación que requería generar mapas incrustados a partir de los enlaces, y aunque lo compartiría con futuros viajeros:
Ver una demostración completa
$(document).ready(function(){
$("address").each(function(){
var embed ="<iframe width='425' height='350' frameborder='0' scrolling='no' marginheight='0' marginwidth='0' src='https://maps.google.com/maps?&q="+ encodeURIComponent( $(this).text() ) +"&output=embed'></iframe>";
$(this).html(embed);
});
});
