- 10 de noviembre de 2023
- porSandi
- Base de conocimientos
- mapas gratuitos | Google Maps | Mapa de listados | Mapas | Mapa de resultados
Activa Google Maps y diferentes diseños de mapas gratuitos.
Abre la página en el editor de Elementor, selecciona el widget de mapa y sigue Contenido -> Mapa,
En la lista desplegable hemos añadido diseños de mapas populares.

1. Mapa de Google
- seleccionar en Lista de estilos -> Mapa de Google

Para obtener la clave API de Google Maps, siga el siguiente enlace:
https://developers.google.com/maps/documentation/javascript/get-api-key
Puedes configurar el tipo de mapa de Google predeterminado:

En la interfaz, el visitante también puede cambiar el tipo:
2. Mapa de Thunderforest (incluye plan gratuito, sin tarjeta, registro sencillo)
Precios: https://www.thunderforest.com/pricing/
Puedes previsualizar el mapa en tu sitio web y luego, si el plan lo permite, obténlo e introduce tu clave en el campo especial.

3. Mapa de Jawg (incluye plan gratuito, sin tarjeta, registro muy sencillo)
Precios: https://www.jawg.io/en/pricing
Enlace de demostración con estilos de mapa: https://www.jawg.io/en/maps
Previsualiza el mapa en el enlace de demostración y luego, si el plan lo permite, usa "obtener" e introduce tu clave en el campo especial.

4. Añadir más diseños personalizados
Ejemplo de fuente (o puede ser cualquier otro enlace con estilo para mapa leaftet): https://leaflet-extras.github.io/leaflet-providers/preview/
Seleccione en Lista de estilos -> Personalizado, luego en el campo especial coloque el enlace al estilo de mapa personalizado, por ejemplo

5. Diseños de mapas gratuitos (sin claves)
Seleccionar en la lista de estilos
