Cómo Insertar un Mapa de Google en Divi, sin APIs y GRATIS!

(3 votes, average: 5,00 out of 5)

Gracias a la consulta de un cliente me enteré de que actualmente si no pagas con una tarjeta no puede insertar tus mapas de Google! Así que dando unas cuantas vueltas al asunto, de manera breve y paso a paso, te describo en este pequeño post la manera de añadir o insertar tus mapas de […]

Escrito por Susana Barriga

"

Leer más

Gracias a la consulta de un cliente me enteré de que actualmente si no pagas con una tarjeta no puede insertar tus mapas de Google!

Así que dando unas cuantas vueltas al asunto, de manera breve y paso a paso, te describo en este pequeño post la manera de añadir o insertar tus mapas de manera simple y usando las mismas herramientas que Google Maps provee sin complicarte la vida ni pagar un euro.

Vamos a ello…

Primero lo que tienes que hacer es abrir google maps, una vez dentro, en la ventana de búsqueda colocas la dirección que quieres identificar en el mapa…

Luego clicas en el botón de compartir

Una vez que clicas este botón se abre la siguiente ventana:

Y aquí tienes que clicar en «Insertar un mapa»… cuando clicas se abre la siguiente ventana:

Aquí lo que toca es clicar el link «COPIAR HTML»

Y ahora tenemos que ir a nuestra web, dentro de la página en la que queremos insertar nuestro mapa creamos una sección, definimos que sea de una sola fila y elegimos el módulo de código:

Al aplicarse el módulo en él pegamos el código html que tenemos copiado en el porta papeles

Y aquí una observación importante… si nos fijamos en las medidas por defecto que trae el código pone que la altura es de 600 pixeles y el ancho es de 450 pixeles… para que podamos ajustar a nuestro gusto es mejor reemplazar estas medidas por un 100% en cada una de ellas y el resultado es el siguiente:

El alto podemos ajustarlo desde las características de la sección para que la imagen del mapa se ajuste al 100% de esas medidas…

Y listo! mapa aplicado sin Apis, en Divi y lo mejor de todo GRATIS…

Cookies
Este sitio web utiliza cookies para mejorar tu experiencia de usuario. Si continúas navegando estás dando tu consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de privacidad.
Divi WordPress Theme
black-friday-elegant-themes-divi2
black-friday-webempresa1

Posts Relacionados

La guía definitiva para crear un Child Theme para Divi

La guía definitiva para crear un Child Theme para Divi

Crear un "Child Theme" o Tema hijo es una excelente manera para darle personalidad a tu plantilla sin tener que preocuparte de que, al realizar actualizaciones, todos los cambios que hiciste se borren o pierdan. Con un Child Theme puedes organizar mejor los cambios...

leer más

2 Comentarios

  1. Jose

    Gracias por compartir, me ha sido de gran ayuda y lo he configurado fácilmente.

    Responder
    • Susana Barriga

      De nada José! gracias a ti por darme la idea!! y si lo compartes en una de esas ayudamos a más gente 🙂

      Responder

Enviar un comentario

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