¿Alguna vez has querido poner Google Maps en un sitio web y no sabes cómo? No se preocupe, es un proceso rápido y fácil que aprenderá a desarrollar aquí.

Es muy común que al publicar información que incluye una dirección, saltemos a buscarla manualmente en Google Maps, lo que en ocasiones genera confusión o errores.

Quién no pasó que buscaste la dirección equivocada y terminaste en el lugar equivocado. Bueno, eso ya no será un problema. Con este paso a paso podrás insertar y visualizar Google Maps con la dirección que desees en tu sitio web.

Es tan fácil como poner etiquetas en direcciones de lugares en Google Maps o crear, agregar y organizar subtítulos en Google Maps.

Ahora no será un problema mostrar a los visitantes de su sitio dónde se encuentra ese nuevo parque que visitó y le gustó. O tal vez usted es dueño de un negocio y quiere que su dirección aparezca en la lista para que todos puedan visitarlo.

El uso depende de ti. Nos encargamos de mostrarte la mejor forma de generar, insertar y visualizar el mapa que necesitas en tu sitio web.

Mapas de Google

Genera el mapa de Google Maps

Para insertar Google Maps en un sitio web, por ejemplo en plataformas como WordPress, necesitamos buscar en Maps la dirección que queremos mostrar en nuestra página en primer lugar. Por supuesto, primero debe iniciar sesión en Google al abrir Chrome.

Tras localizar la dirección, seleccionamos la opción «Compartir» en la que veremos dos pestañas. Elegiremos el que corresponda a nuestro deseo de «Incorporar tarjeta».

Estando en esta pestaña tendremos una vista previa del mapa con la dirección que buscamos resaltada.

Podrá darse cuenta de que el mapa es editable, es decir, puede mover el punto focal hacia el lado donde desea que se vea. De esta forma, será visible después de insertarlo en nuestro sitio web.

Además, tendrás la opción de elegir entre diferentes tamaños de tarjeta, para que puedas seleccionar el que más te convenga. Incluso puede elegir el tamaño personalizado, en el que debe ingresar los valores.

Teniendo el mapa como queramos, copiaremos la información que encontraremos en la parte inferior de la ventana. Este es el código de la tarjeta individual.

Cómo insertar el mapa de Google Maps

Teniendo el código del mapa, comenzaremos a insertar Google Maps en un sitio web. En este caso te vamos a mostrar paso a paso cómo hacerlo en WordPress, aunque es muy similar en otros gestores de contenido (CMS).

Iremos al post donde queremos tener el mapa, en la parte de edición. En la parte superior cambiamos al modo «HTML».

insertar tarjeta

En esta opción pegaremos la dirección que extrajimos del mapa. Dónde queremos que se vea el mapa.

Después de eso, si volvemos al modo «Visual», se notará dónde insertamos la tarjeta. No olvide guardar la publicación.

Y listo, el mapa está incluido correctamente en nuestra publicación. Lo mejor es que se trata de un mapa interactivo, que incluye todas las opciones de Maps en sí.

Genera un mapa sin CMS

Si desea generar un mapa que no se utilizará en sitios web con administradores de contenido, el proceso es un poco menos sencillo.

Necesitamos crear una carpeta, en la cual encontraremos un «Documento de Texto» (.txt) con el nombre que queramos.

A continuación, abriremos el .txt con el «editor de código» preferiblemente. Se debe generar un HTML5, seguido de un HTLM2.5.

A continuación, colocaremos el código de la tarjeta en el «Cuerpo». Y hacemos clic en «Guardar».

Al abrir este documento en un navegador veremos el mapa totalmente interactivo y en una pestaña individual.

Podemos insertarlo o compartirlo donde queramos y cada vez que se ejecute en un navegador nos mostrará el mapa con la dirección y características que ya tenemos configuradas.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *