¿Quieres insertar un mapa de Google Maps de la forma más sencilla posible? Al trabajar con un código HTML simple de Divi Builder, esta solución permite prescindir del procedimiento para obtener una clave API.
1. Ir a Google Maps
Luego, debe encontrar la ubicación exacta que desea compartir en su sitio web y hacer zoom hasta que vea claramente la ubicación en el mapa.
2. Botón “Compartir”
Haga clic en el botón de menú “Compartir” en la parte superior izquierda de su pantalla para ver la opción y luego haga clic en la opción “Insertar un mapa”.
3. Ventana “Compartir”
Luego se abrirá una ventana donde verá dos pestañas llamadas “Enviar un enlace” e “insertar un mapa”. Elija la pestaña “insertar un mapa” y encontrará un código HTML allí.
Copie este código HTML haciendo clic en “COPIAR CONTENIDO HTML”:
Esto es lo que representa este código, que varía según las ubicaciones de Google Maps:
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3456.0066415390556!2d31.132007850800175!3d29.979239128515893!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x14584587ac8f291b%3A0x810c2f3fa2a52424!2sPyramide%20de%20Kh%C3%A9ops!5e0!3m2!1sfr!2ses!4v1645881660798!5m2!1sfr!2ses" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
4. Ve a tu sitio web
Ahora vaya a su sitio web donde desea mostrar el mapa. Debes pegar tu código Html en el módulo CÓDIGO del Divi Builder (Contenido > Texto). Validar. El mapa se mostrará en su página:
5. Ajustar el tamaño del mapa
Puedes cambiar fácilmente el tamaño del mapa modificando manualmente los valores de “ancho y alto” contenidos en el código HTML que acabas de obtener.
Hay más consejos disponibles aquí .
