google-maps - puntos - google.maps.marker example
Cómo convertir una dirección en un enlace de Google Maps(NO MAP) (14)
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 pulsable:
jQuery o PHP prefieren o simplemente cualquier información útil sobre esto.
¿Qué hay de esto: http://support.google.com/maps/bin/answer.py?hl=en&answer=72644
¿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 un tiempo de latencia prolongado, utilice la siguiente URL
https://maps.google.com/?ll=latitude,longitude
Ejemplo: maps.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
Acabo de encontrar esto y me gusta compartir ..
- busca tu dirección en maps.google.com
- Haga clic en el icono de engranaje en la parte inferior derecha
- haga clic en "mapa compartido o incrustado"
- haga clic en la casilla de verificación url corto y pegue el resultado en href ..
Además, cualquier persona que desee ingresar la dirección URL de forma manual a 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.
El método de Reemplazo de C # generalmente funciona para mí:
foo = "http://maps.google.com/?q=" + address.Text.Replace(" ","+");
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 vincularse a Google Maps simplemente especificando la dirección de la ubicación como un parámetro de búsqueda.
Lo usé para algunas aplicaciones que diseñé y funcionó a la perfección.
Esto es lo que encontré en uno de los artículos de Google Maps:
- Abra Google Maps .
- Asegúrate de que el mapa o la imagen de Street View que deseas incrustar aparezca en el mapa.
- En la esquina superior izquierda, haga clic en el menú principal ☰.
- Haga clic en Compartir o incrustar mapa .
- En la parte superior del cuadro que aparece, elija la pestaña Incrustar mapa .
- Elija el tamaño que desee, luego copie el código y péguelo en el código fuente de su sitio web o blog.
Nota : Si está utilizando Mapas en modo Lite , no podrá incrustar un mapa. Tenga en cuenta que la información de tráfico y alguna otra información de Mapas podrían no estar disponibles en el mapa incorporado.
Feb, 2016:
Necesitaba hacer esto en base a los valores de la base de datos ingresados por el cliente y sin un generador de latitud / longitud. Google realmente le gusta lat / long en estos días. Esto es lo que aprendí:
1 El comienzo del enlace tiene este aspecto: https://www.google.com/maps/place/
2 Entonces pones tu dirección:
- Usa un + en lugar de cualquier espacio.
- Pon una coma, delante y detrás de la ciudad.
- Incluir el postal / zip y la provincia / estado.
- Reemplace cualquier # con nada.
- Reemplace cualquier ++ o ++++ con single +
3 Pon la dirección después del lugar /
4 Luego pon una barra al final.
NOTA: La barra al final fue importante. Después de que el usuario haga clic en el enlace, Google continúa, agrega más a la URL y lo hace 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.
La mejor manera es usar esta línea:
var mapUrl = "http://maps.google.com/maps?f=q&source=s_q&hl=en&geocode=&q=16900+North+Bay+Road,+Sunny+Isles+Beach,+FL+33160&aq=0&sll=37.0625,-95.677068&sspn=61.282355,146.513672&ie=UTF8&hq=&hnear=16900+North+Bay+Road,+Sunny+Isles+Beach,+FL+33160&spn=0.01628,0.025663&z=14&iwloc=A&output=embed"
Recuerde reemplazar las direcciones primera y segunda cuando sea necesario.
Si tiene latitud y longitud, puede usar cualquier parte o la totalidad de la siguiente URL
https://www.google.com/maps/@LATITUDE,LONGITUDE,ZOOMNUMBERz?hl=LANGUAGE
Por ejemplo: https://www.google.com/maps/@31.839472,54.361167,18z?hl=en
Tomando prestado de las soluciones de Michael Jasper y Jon Hendershot, ofrezco lo siguiente:
$(''address'').each(function() {
var text = $(this).text();
var q = $.trim(text).replace(//r?/n/, '','').replace(//s+/g, '' '');
var link = ''<a href="http://maps.google.com/maps?q='' + encodeURIComponent(q) + ''" target="_blank"></a>'';
return $(this).wrapInner(link);
});
Esta solución ofrece los siguientes beneficios sobre las soluciones ofrecidas anteriormente:
- No eliminará las etiquetas HTML (p. Ej., Etiquetas) en
<address>, por lo que se conserva el formato - Codifica correctamente la URL
- Aplasta espacios adicionales para que la URL generada sea más corta, más limpia y legible para el usuario después de la codificación
- Produce un marcado válido (la solución de Mr.Hendershot crea
<a><address></address></a>que no es válida porque los elementos a nivel de bloque como<address>no están permitidos dentro de los elementos en línea como<a>.
Advertencia : si su etiqueta <address> contiene elementos a nivel de bloque como <p> o <div> , este código JavaScript producirá un marcado no válido (porque la etiqueta <a> contendrá esos elementos a nivel de bloque). Pero si solo estás haciendo cosas como esta:
<address>
The White House
<br>
1600 Pennsylvania Ave NW
<br>
Washington, D.C. 20500
</address>
Entonces funcionará bien.
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 pedacito de jQuery me funcionó. ¡Tomará cada etiqueta <address> y la envolverá en un enlace de google maps con la dirección que contiene la etiqueta!
$("address").each(function(){
var address = $(this).text().replace(//,/g, '''');
var url = address.replace(// /g, ''%20'');
$(this).wrap(''<a href="http://maps.google.com/maps?q='' + url +''"></a>'');
});
Ejemplo de trabajo -> https://jsfiddle.net/f3kx6mzz/1/
Sé que llego tarde al juego, pero pensé que contribuiría por la posteridad.
Escribí una breve función jQuery que convertirá automáticamente cualquier etiqueta <address> en enlaces de Google Maps.
$(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 la generación de mapas incrustados a partir de los enlaces, y aunque compartiría con futuros viajeros:
$(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);
});
});
http://maps.google.com/maps?q=<?php echo urlencode($address); ?>
la codificación ur converge y agrega todos los elementos adicionales como para 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