Añadir Google Maps Direcciones a Su sitio Web

0

a pesar de que hay tantos asignación de aplicaciones y servicios que hay para llegar desde el punto a al punto B, la definitiva, rey de los mapas de Google Maps. Yo lo uso en mi ordenador, la tableta y el 90% del tiempo en mi smartphone. Tiene los mejores datos, la mayoría de navegación y opciones de enrutamiento y de interesantes características como la Vista a la Calle y caminar, andar en bicicleta y el transporte público info.

Pero lo que si usted necesita usar un mapa o direcciones fuera de sitio web de Google? Supongamos que usted tiene su propio sitio web de la boda o un blog personal y los huéspedes pueden visitar su sitio web, escriba la dirección a la que va a estar viniendo y obtener automáticamente las direcciones a la ubicación del evento!

Bueno, hay un par de maneras que usted puede ir sobre el logro de esto. La forma más fácil es simplemente incrustar el mapa en tu página web usando el código de inserción generado por Google Maps. La segunda manera es un poco más técnico, pero más personalizable y dinámico. Voy a hablar de ambos métodos a continuación.

Incrustar el Mapa de Google

Si sólo desea mostrar las direcciones de un lugar a otro, la cosa más fácil de hacer es incrustar cualquier mapa que está de visualización usando el código de inserción. En primer lugar, vaya por delante y la instalación de lo que las direcciones que desee en los Mapas de Google y, a continuación, haga clic en el icono de engranaje en la parte inferior derecha de la página.


 blank

haga Clic en
Compartir o incrustar el mapay, a continuación, haga clic en el
Incrustar el mapaficha. Aquí usted puede elegir un tamaño para el mapa y, a continuación, copie el código iframe y soltar en cualquier página web que te gusta.


 embed-map.jpg.optimal

La única desventaja de este método es que el usuario sólo ve un mapa estático. En el segundo método a continuación, puede crear un formulario mediante el cual el usuario puede escribir la dirección de partida y se generará un mapa de esa dirección a una dirección de destino de su elección.

Crear Mapas de Google Tipo

Para ilustrar lo que quiero decir por el segundo método, seguir adelante y escriba una dirección en los estados unidos en el cuadro de abajo para obtener direcciones desde su ubicación hasta mi casa:

Introduzca su dirección de inicio:

bien ¿eh? Usted puede fácilmente crear este pequeño formulario en cualquier sitio web, blog, o en cualquier lugar que usted puede poner en el código HTML! Esto también es ideal para los pequeños sitios web de empresas como usted puede lanzar en su página de contacto y la gente puede obtener las direcciones de forma rápida, en lugar de tener que copiar su dirección, abra una nueva ventana y, a continuación, escriba su dirección de inicio.

Entonces, ¿cómo ir sobre la creación de esta modificado obtener indicaciones del cuadro? Bueno, en primer lugar, vamos a obtener la correcta sintaxis de la URL que Google utiliza para las direcciones. Por suerte, podemos averiguarlo por obtener las direcciones entre dos lugares y luego sólo tienes que copiar la URL desde la barra de direcciones. También puede hacer clic en el pequeño icono de engranaje en la parte inferior derecha de la página y elija
Compartir o incrustar el mapa.


 blank

El enlace para Compartir ficha contendrá la URL, que es la misma dirección URL en la barra de direcciones del navegador. Yo he salido adelante y pega la dirección URL completa a continuación sólo para mostrar lo que parece.


 share-link-maps.jpg.optimal

https://www.google.com/maps/dir/3600+Thorp+Muelles+Dr,+P,+T+75025,+U/ 854+Deerfield+B,+Allen+TX+75013,+USA/@33.1125686,-96.7557749,13 z/ data=!3m1!4b1!4m13!4m12!1m5!1m1!1s0x864c3d45018517a5:0xbabd3c91a1321997!2m2!1d-96.762484!2d33.08947!1m5!1m1! 1s0x864c16d3018a7f4f:0xab2052b5786cd29f!2m2!1º-96.666151!2d33.133892

¡Caramba! Eso es bastante largo! Hay un montón de cosas allí, la mayoría de los cuales no tiene ningún sentido! Google Maps parámetros de URL solía ser muy sencillo y fácil, pero la nueva estructura de la dirección URL es bastante complicado. Afortunadamente, usted todavía puede utilizar los parámetros antiguos y Google va a convertir en la nueva versión automáticamente. A ver lo que quiero decir, comprobar el enlace de abajo.

http://maps.google.com/maps?saddr=start&daddr=end

seguir adelante y darle un tiro. Poner en un discurso en las cotizaciones para el inicio y final de la dirección y pegue la dirección URL en su navegador. He sustituido a empezar con mi casa de la ciudad de Nueva Orleans y el final con Houston, TX, así que esto es lo que mi Google Maps las direcciones URL se ve así:

http://maps.google.com/maps?saddr=”new orleans, la”&daddr=”houston, tx”

funciona! Como se puede ver, sin embargo, Google Maps convierte los enlaces en algo mucho más complicado una vez que el mapa se cargará por completo. Ok, así que ahora que tenemos una sana dirección URL que nos puede pasar a los Mapas de Google, necesitamos crear un sencillo formulario con dos campos, uno para la dirección de inicio y uno para la dirección de destino.

Si quieres que la gente escriba su dirección y las indicaciones para llegar a su lugar, a continuación, vamos a querer que el segundo campo oculto y ya se establece en la dirección de destino.


Escriba su dirección de inicio:




Compruebe el código de arriba. La primera línea comienza formulario y dice que cuando el botón enviar que se hace clic, los datos deben ser enviados a maps.google.com/maps. El
target=en blancosignifica que queremos que el resultado para abrir en una nueva ventana. A continuación tenemos un cuadro de texto para la dirección de inicio, que está en blanco.

en El segundo cuadro de texto que está oculto y el valor es la dirección de destino que deseamos. Por último, hay un botón de enviar con el título “cómo Llegar”. Ahora, cuando alguien escribe en su dirección, van a llegar a esto:


 maps-directions.jpg.optimal

Usted puede personalizar las direcciones y mapa aún más con un extra de unos pocos parámetros. Por ejemplo, digamos que usted no desea que la vista por defecto para ser mapas, sino que queremos que sea
Satélitey mostrar
Tráfico.

http://maps.google.com/maps?saddr=%22new+orleans,+la%22&daddr=%22houston,+tx%22&ie=UTF8&t=h&z=7&layer=t

Observe el
layer=ty
t=hcampos en la dirección URL. capa=t es para la capa de tráfico y t=h significa que el mapa híbrido!
ttambién se puede configurar para
mpara el mapa normal,
kpor satélite y
pde terreno.
zes el nivel de zoom y se puede cambiar de 1 a 20. En la URL de arriba, se encuentra a 7. Bastaría aquellos en el final de la URL y ahora tiene un muy personalizado de Google Maps Obtener Indicaciones formulario en su sitio!

Tiene algún problema con este post un comentario y voy a tratar de ayudar! ¡A disfrutar!

Dejar respuesta

Please enter your comment!
Please enter your name here