Avisos
Vaciar todo

mapa en divi  

 
HIDROTUIT
 HIDROTUIT
Estimable Member

Hola!

estoy intentando poner el mapa de contacto en divi pero me da error, no me lo localiza. Parece que es porque no lo puede verificar y tengo que añadir un txt en la configurancion pero no se como hacerlo.

me pide que vertifique la identidad. He ido a cpdominios pero no se como añadir el txt de verficación

 

me podeis ayudar? o puedo poner otro modulo o plugin que no sea tan complicado?

 

gracias!

 

 

Contenido solo visible a usuarios registrados

Citar
Respondido : 15/11/2021 3:15 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola.

El problema de utilizar el modulo de mapas es que necesitas una Api de Google Maps y no es gratuita pero hay otras opciones.

.- Accede Google Maps y añade la dirección que quieres mostrar

-> https://www.google.com/maps/

.- Pulsa en " Compartir "

Captura de pantalla 2021 11 15 a las 16.33.24

.- Selecciona Insertar un mapa y pulsa en copia el html.

screenshot www.google.com 2021.11.15 16 35 41

.- Edita la pagina donde quieres mostrar el mapa y añade un modulo " Código "

Captura de pantalla 2021 11 15 a las 16.40.11

.- Pega el código que copiaste de Google Maps

screenshot mary52.webempresa.eu 2021.11.15 16 41 38

Guarda los cambio y revisa sí se muestra.

 

Un saludo

 

ResponderCitar
Respondido : 15/11/2021 3:45 pm

HIDROTUIT
 HIDROTUIT
Estimable Member

Buenos dias!

Perfecto, ha funcionado!

gracias!!

ResponderCitar
Respondido : 16/11/2021 6:56 am
HIDROTUIT
 HIDROTUIT
Estimable Member

Otra cosa, lo tengo como anchura completa pero no se puede poner

 

image

como modifico que sea a lo largo?

gracias de nuevo

ResponderCitar
Respondido : 16/11/2021 7:00 am

Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola.

Prueba lo siguiente:

.- Añade lo siguiente en apariencia -> Personalizar -> CSS Adicional:

.map-responsive{
overflow:hidden;
padding-bottom:40%;
position:relative;
height:0;
}
.map-responsive iframe{
left:0;
top:0;
height:100%;
width:100%;
position:absolute;
}

 

.- Edita el modulo código donde tienes insertado el mapa.

.- Modifica el código añadiendo la clases que hemos creado:

<div class="map-responsive">
<iframe src="https:........................</iframe>//
</div>

 

Un saludo

 

 

 

ResponderCitar
Respondido : 16/11/2021 9:37 am