es.phhsnews.com


es.phhsnews.com / Agregar direcciones de conducción de Google Maps a su sitio web

Agregar direcciones de conducción de Google Maps a su sitio web


A pesar de que hay tantas aplicaciones de mapas y servicios para llevarlo del punto A al punto B, el rey definitivo de los mapas es Google Maps. Lo uso en mi computadora, tableta y el 90% del tiempo en mi teléfono inteligente. Tiene la mejor información, la mayor cantidad de opciones de navegación y enrutamiento, y funciones geniales como Street View e información sobre caminar, andar en bicicleta e ir en masa.

Pero, ¿qué sucede si necesita usar un mapa o direcciones fuera del sitio web de Google? ¡Supongamos que tiene su propio sitio web de bodas o un blog personal y los invitados pueden visitar su sitio, escribir la dirección de donde vendrán y obtener automáticamente las indicaciones para llegar al lugar del evento!

Bueno, hay un par de formas en que puedes lograr esto. La forma más sencilla es simplemente insertar el mapa en su página web utilizando el código de inserción generado por Google Maps. La segunda forma es un poco más técnica, pero más personalizable y dinámica. Mencionaré ambos métodos a continuación.

Incrustar Google Map

Si solo desea mostrar las indicaciones de una ubicación a otra, lo más fácil es insertar el mapa que esté viendo con el código de inserción. Primero, siga y configure las instrucciones que desee en Google Maps y luego haga clic en el ícono de ajustes en la parte inferior derecha de la página.

Haga clic en Compartir o insertar mapa y luego haga clic en la pestaña Insertar mapa . Aquí puede elegir un tamaño para su mapa y luego copiar el código iframe y colocarlo en cualquier página web que desee.

El único inconveniente de este método es que el usuario solo ve un mapa estático. En el segundo método a continuación, puede crear un formulario mediante el cual el usuario puede ingresar cualquier dirección inicial y generará un mapa desde esa dirección hasta la dirección de destino que elija.

Crear formulario de Google Maps

Para ilustrar lo que quiero decir con el segundo método, ingrese una dirección de EE. UU. En el recuadro siguiente para obtener indicaciones desde su ubicación a mi casa:

Ingrese su dirección inicial:

Genial, ¿eh? ¡Puedes crear fácilmente este pequeño formulario en cualquier sitio web, blog o en cualquier lugar donde puedas incluir algún código HTML! Esto también es ideal para sitios web de pequeñas empresas, ya que puede publicarlo en su página de contacto y las personas pueden obtener instrucciones rápidamente, en lugar de tener que copiar su dirección, abrir una nueva ventana y luego escribir su dirección de inicio.

Entonces, ¿cómo hacemos para crear esta caja de direcciones de viaje modificada? Bien, primero necesitaremos obtener la sintaxis correcta para la URL que Google usa para las direcciones. Afortunadamente, podemos resolverlo obteniendo direcciones entre dos lugares y luego simplemente copiar la URL desde la barra de direcciones. También puede hacer clic en el icono de engranaje pequeño en la parte inferior derecha de la página y seleccionar Compartir o insertar mapa .

La pestaña Compartir enlace contendrá la URL, que es la misma URL en la barra de direcciones de su navegador. He avanzado y pegado toda la URL a continuación solo para mostrarle cómo se ve.

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

¡Ay! ¡Eso es bastante largo! ¡Hay muchas cosas ahí, la mayoría de las cuales no tienen ningún sentido! Los parámetros de URL de Google Maps solían ser muy sencillos y fáciles, pero la nueva estructura de URL es bastante complicada. Afortunadamente, aún puede usar los parámetros anteriores y Google los convertirá automáticamente en la nueva versión. Para ver lo que quiero decir, revisa el siguiente enlace.

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

Adelante, pruébalo. ¡Ponga una dirección entre comillas para la dirección inicial y final y pegue la URL en su navegador! Reemplacé el inicio con mi ciudad natal, Nueva Orleans, y terminé con Houston, TX, así que así es como se ve mi URL de direcciones de Google Maps:

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

¡Funciona! Sin embargo, como puede ver, Google Maps convierte los enlaces en algo mucho más complicado una vez que el mapa se carga por completo. Bien, ahora que tenemos una URL segura que podemos pasar a Google Maps, necesitamos crear un formulario simple con dos campos, uno para la dirección inicial y otro para la dirección de destino.

Si desea que las personas simplemente digiten su dirección y obtengan indicaciones para llegar a su lugar, entonces querremos que el segundo campo esté oculto y configurado en la dirección de destino.


Ingrese su dirección inicial:



Mira el código de arriba. La primera línea comienza en forma y dice que cuando se hace clic en el botón Enviar, los datos deben enviarse a maps.google.com/maps. El objetivo = blanco significa que queremos que el resultado se abra en una nueva ventana. Luego tenemos un cuadro de texto para la dirección inicial, que está en blanco.

El segundo cuadro de texto está oculto y el valor es la dirección de destino que deseamos. Finalmente, hay un botón de enviar con el título "Obtener indicaciones". Ahora, cuando alguien escriba su dirección, obtendrán esto:

Puede personalizar las direcciones y hacer mapas aún más con algunos parámetros adicionales. Por ejemplo, supongamos que no desea que la vista predeterminada sea mapas, sino que desea que sea Satélite y muestre 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 los campos layer = t y t = h en la URL. layer = t es para la capa de tráfico yt = h significa mapa híbrido! t también se puede establecer en m para el mapa normal, k para el satélite yp para el terreno. z es el nivel de zoom y puede cambiarlo de 1 a 20. En la URL anterior, se establece en 7. Solo inserte los enlaces en su URL final y obtendrá un formulario de Direcciones de viaje de Google Maps altamente personalizado en su sitio !

Tengo problemas con esto, publico un comentario e intentaré ayudar! ¡Disfrutar!


Cómo quitar una palabra del diccionario de ortografía de Google Chrome

Cómo quitar una palabra del diccionario de ortografía de Google Chrome

La función de revisión ortográfica de Chrome es práctica y funciona como era de esperar: subraya las palabras mal escritas, con las que puede hacer clic derecho para ver deletreos sugeridos. Incluso puede agregar una palabra al diccionario. ¿Pero qué haces cuando accidentalmente agregas una palabra mal escrita?

(how-to)

Desactivar la indexación en Windows para un mejor rendimiento

Desactivar la indexación en Windows para un mejor rendimiento

Desactivar la indexación en sus discos duros es otra forma muy simple de aumentar el rendimiento en su PC. Antes de entrar en los detalles de desactivar la indexación, intentemos analizar las razones por las que querría deshabilitar la indexación en primer lugar y cuándo debería dejarla habilitada.Básic

(How-to)