Añadir mapa a web

Hola Pablo,

Ahora para insertar mapas en google cambio debido a que antes era posible obtener una api key de forma gratuita, y esto funcionaba con los temas, en este caso al cambiar este método puedes ingresar a la ubicación en cuestión en mapas:

Haces clic en compartir, luego te genera el código:

Este código tendrá unas medidas en específico:

<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d50317.67031712182!2d-1.1621947634254983!3d37.98052720881152!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0xd6381f8d5928c7f%3A0xd627129b38c4ab9a!2zTXVyY2lhLCBFc3Bhw7Fh!5e0!3m2!1ses!2sco!4v1659461710727!5m2!1ses!2sco" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>

Lo que tendrás que hacer es modificar lo que tienes en negrita:

y le agregas esto:

width="100%" height="450"

Esto para que ocupe todo el ancho en caso de necesitarlo y el segundo valor es la altura que ya depende también de que alto lo requieras.

Un saludo 🖐️  

@argenis

Muchas gracias por contestar, al usar el constructor de Divi no me da la opción de insertar código Html, me obliga a usar el editor estándar y en ese caso se me borra todo el contendido construido con el constructor de Divi.

Hola Pablo.

Puedes utilizar el modulo código

Un saludo

@argenis

Muchas gracias! hay alguna forma de que el mapa salga oscuro en la página?

Hola Pablo, 

Actualmente no veo que se esté ingresando el mapa en la URL que nos compartes; sin embargo, para poder añadir este tipo de estilos en un mapa incrustado de Google con un iframe lo primero que tienes es que añadir una clase dentro del código que te da Google, por ejempo class="mapa" y guardar los cambios

Luego de ello debes añadir el siguiente código CSS en el apartado de Divi -> opciones del tema -> general -> CSS personalizar

.mapa {
filter: grayscale(100%); 
}

Con esto el resultado será por ejemplo:

Verifica esto y nos comentas como ha ido todo

Un Saludo