Cómo agregar rutas de Google a su sitio

Como experto en TI, le mostraré cómo agregar Google Routes a su sitio web. Esto permitirá a sus visitantes obtener indicaciones para llegar a su ubicación desde donde se encuentren. Primero, deberá crear una clave API de Google Maps. Puede hacerlo yendo a Google Developers Console y creando un nuevo proyecto. Una vez que haya creado un proyecto, haga clic en el enlace 'Habilitar y administrar las API' y luego busque la 'API incrustada de Maps' y habilítela. A continuación, deberá obtener el código para el widget de Google Routes. Puede encontrar este código yendo a la página de Google Maps Embed API y seleccionando el botón 'Obtener código'. Copie el código y péguelo en el HTML de su sitio web. Finalmente, deberá agregar el siguiente código a su sitio web para mostrar el widget: Reemplace 'YOUR_API_KEY' con la clave API que creó anteriormente y 'Your+Destination' con la dirección de su ubicación. Guarde sus cambios y ¡listo! Sus visitantes ahora podrán obtener indicaciones para llegar a su ubicación desde cualquier parte del mundo.

Si tu quieres saber Cómo agregar direcciones de conducción de Google a su sitio web entonces lee esta publicación. mapas de Google es el más popular servicio de mapas digitales Mundial. Utiliza información de tráfico en tiempo real para encontrar la mejor ruta a un destino determinado. Incrustar un mapa de Google a su blog o sitio web ayuda a sus visitantes a ver su ubicación en un mapa mundial, ver su dirección y leer reseñas (si las hay). Si bien puede incrustar fácilmente un mapa en su sitio web utilizando el exclusivo generador de código incrustado de Google Maps, no puede usar este mapa como una herramienta de navegación para ayudar a sus visitantes a encontrar el camino a su ubicación. En esta publicación, le mostraremos cómo usar Google Maps para mostrar direcciones de manejo a sus visitantes.

Veremos los siguientes 2 métodos a través de los cuales puede agregar direcciones de conducción de Google a su sitio web :

Inserte el mapa estático de Google y use el formulario html para mostrar la ruta del mapa
Utilice el generador de mapas iFrame

Veamos estos métodos en detalle.

1] Inserte un mapa de Google estático y use un formulario HTML para mostrar la ruta del mapa.

Este método incluye 2 pasos. Paso 1 - Incrustación estático Mapa de Google que señala su ubicación exacta. El paso 2 es agregar un formulario HTML que acepta la ubicación del usuario y genera un mapa de ruta para ellos en Google Maps. Veamos cómo se puede hacer esto.

A] Incruste el mapa de Google en su sitio web

Inicie su navegador.
abierto mapas de Google en una nueva pestaña del navegador.
Ingrese su dirección en la barra de búsqueda de Google Maps en la esquina superior izquierda.
Seleccione una ubicación de la lista de resultados que aparecen.
Nota: Si no puede encontrar su dirección, haga zoom en Google Maps para rastrearla. Puede utilizar las panorámicas de Street View de Google Maps para marcar su ubicación en un mapa. Una vez que lo encuentre, puede ingresar los detalles de su dirección correcta usando las opciones 'Agregar una ubicación faltante' o 'Agregar su negocio' y luego enviar su ubicación a Google para su verificación. Se agregará dentro de unas pocas horas después de que se envíe la solicitud.
Cuando aparezca Google Maps para señalar su ubicación exacta, haga clic en el icono Compartir icono.
Cambiar a Insertar un mapa pestaña
Prensa Copiar HTML enlace para copiar el código del mapa a su portapapeles. Puede decidir qué tan grande o pequeño desea que aparezca el mapa en su sitio web eligiendo un tamaño predefinido (pequeño, mediano, grande) o ingresando un tamaño personalizado.
Luego vaya al panel de administración de su sitio.
Abra la página web en la que desea incrustar el mapa.
Cambie a la vista del editor de código.
Pegue el código.
Salga del editor de código. Podrás ver una vista previa de Google Maps.

B] Utilice un formulario HTML para crear una ruta de navegación en Google Maps.

Regrese a la vista del editor de código.
Agregue el código que se muestra en la siguiente imagen debajo del código de Google Map:
Reemplace el valor de la dirección de destino resaltado en la imagen con la dirección de su ubicación.
Salga de la vista del editor de código.
Obtenga una vista previa del código y verifique si funciona agregando una dirección en el campo 'Ingresar una dirección' y haciendo clic en el botón Muéstrame la dirección a seguir botón.
Los pasos anteriores deben Mostrar ruta desde la dirección ingresada hasta su ubicación en Google Maps.
Si todo está bien, entonces puedes Publicar el código.

2] Use el generador de mapas iFrame

Inicie su navegador.
abierto Generador de mapas HTML gratuito en una nueva pestaña del navegador.
Ingrese su dirección en Introduce tu dirección campo de búsqueda en el panel izquierdo.
Su ubicación se mostrará en Google Maps en el lado derecho de la pantalla. Puede establecer el tipo de mapa, la distancia de zoom, el ancho o la altura. También puede hacer que el mapa responda haciendo clic en el botón de alternar junto a Hacer que el mapa responda opción.
Haga clic en Generar código HTML boton de abajo.
Aparecerá el código. Seguir adelante Copiar código al portapapeles botón.
Inicie sesión en el panel de administración de su sitio.
Abra la página donde desea colocar el mapa.
Cambie a la vista del editor de código.
Pegue el código.
Salga del editor de código.
Haga clic en Avance botón. Aparecerá la vista previa del mapa.
Haga clic en Direcciones icono.
Google Maps se abrirá con su dirección precargada como su destino.
Introduzca la dirección de inicio. También puedes usar Tu ubicación opción para permitir que Google Maps use su ubicación actual.
Aparecerá el mapa de la ruta.
Si todo funciona bien, Publicar página.

De esta manera, sus visitantes pueden ver su ubicación en Google Maps incrustado en su sitio web y encontrar direcciones desde su ubicación hasta la suya. Espero que encuentre útil esta publicación. Háganos saber en los comentarios si tiene alguna pregunta.

Lea también: Las mejores alternativas de Google Maps para el uso diario.

¿Puedo agregar Google Maps a mi sitio web?

Sí, puede agregar Google Maps a su sitio web o blog. utilizando el Generador de código incrustado de Google o el Generador de mapas HTML gratuito de Google. . Ambas opciones le permiten incrustar un mapa de Google que señala su dirección con una bola roja, aunque existe una ligera diferencia entre las dos. Mientras que el primero le permite incrustar un mapa estático que permite a sus visitantes ver su ubicación exacta, puntos de interés cercanos, etc., el segundo ofrece Direcciones una función que crea un mapa de ruta completo que pueden usar para encontrar indicaciones para llegar a su ubicación. Según sus necesidades, puede usar cualquiera de estas opciones para agregar Google Maps a su sitio web o blog.

¿Cómo puedo obtener el código de inserción de Google Maps?

Obtener el código de inserción de Google Maps es bastante fácil. Simplemente abra Google Maps en una nueva pestaña en la ventana de su navegador e ingrese su dirección en la barra de búsqueda disponible. Cuando Maps seleccione y muestre su dirección, haga clic en el icono Compartir icono. En la ventana Compartir, haga clic en el botón Insertar un mapa pestaña Luego haga clic en Copiar HTML el enlace se muestra en la esquina superior derecha. ¡Eso es todo! También puede hacer clic en el menú (icono de hamburguesa) de Google Maps y hacer clic en el icono Comparte o incrusta un mapa opción. Otra forma de obtener este código es a través del Generador de mapas HTML gratuito (Generador de mapas iFrame) como se describe en el método 2 en la publicación anterior.

Leer más: Los mejores consejos y trucos de Google Maps para convertirte en un profesional.