Attiva Google Maps e diverse configurazioni di mappe gratuite.

Apri la pagina in Elementor Edit mod, seleziona il widget mappa e segui Contenuto -> Mappa,
Nell'elenco a discesa abbiamo aggiunto i layout di mappe più popolari


1. Google Map

  • selezionare in Elenco degli stili -> Mappa di Google

Per utilizzare Google Maps è necessaria la chiave API di Google Maps; per ottenerla, segui il link qui sotto:

https://developers.google.com/maps/documentation/javascript/get-api-key

È possibile impostare il tipo di mappa Google predefinito:

Sul front-end il visitatore può anche cambiare tipo:


2. Mappa Thunderforest (include piano gratuito, nessuna carta richiesta, registrazione facile)

Prezzi: https://www.thunderforest.com/pricing/

Puoi visualizzare l'anteprima della mappa sul tuo sito web e poi, se pianifichi di utilizzare la funzione "Ottieni" e inserire la tua chiave nel campo apposito.


3. Jawg Map (include un piano gratuito, non richiede carta di credito, registrazione molto semplice)

Prezzi: https://www.jawg.io/en/pricing

Link di esempio con stili di mappa: https://www.jawg.io/en/maps

Visualizza l'anteprima della mappa sul link demo e poi, se prevedi di utilizzare il metodo get, inserisci la tua chiave nel campo apposito.


4. Aggiungi altri layout personalizzati

Esempio di fonte (oppure può essere qualsiasi altro collegamento con lo stile per la mappa leaftet): https://leaflet-extras.github.io/leaflet-providers/preview/

Seleziona nell'elenco degli stili -> Personalizzato, quindi nel campo speciale inserisci il collegamento allo stile della mappa personalizzato, ad esempio

5. Layout di mappe gratuiti (senza chiavi)

Seleziona nell'elenco degli stili