Avisos
Vaciar todo

Añadir mapa a web  

 
Pablo
 Pablo
Usuario activo

Me gustaría añadir un mapa con Google maps pero no me deja hacerlo, me podéis indicar cómo hacerlo?Muchas gracias

Contenido solo visible a usuarios registrados

Citar
Respondido : 02/08/2022 6:28 pm
Argenis
 Argenis
Soporte CMS Webempresa Moderator

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:

ndice

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

ndice

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 🖐️  

ResponderCitar
Respondido : 02/08/2022 6:38 pm
Pablo
 Pablo
Usuario activo

@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.

ResponderCitar
Respondido : 03/08/2022 9:50 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Pablo.

Puedes utilizar el modulo código

Captura de Pantalla 2022 08 03 a las 11.27.37

 

Un saludo

ResponderCitar
Respondido : 03/08/2022 10:29 am
Pablo
 Pablo
Usuario activo

@argenis

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

ResponderCitar
Respondido : 03/08/2022 1:06 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

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

image

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%);
}
image

Con esto el resultado será por ejemplo:

 

image

Verifica esto y nos comentas como ha ido todo

Un Saludo

ResponderCitar
Respondido : 03/08/2022 1:58 pm