Come ho creato una mappa interattiva in WordPress senza plugin pesanti.
Negli ultimi lavori mi sono trovata a dover rappresentare dati su una mappa in modo chiaro e interattivo, senza appesantire il sito con plugin complessi o dipendere da servizi esterni come Google Maps.
L’idea alla base
L’idea è molto semplice:
👉 ogni contenuto WordPress diventa un punto sulla mappa
In pratica, invece di inserire manualmente i punti sulla mappa, li gestisco come normali contenuti del sito.
Per esempio:
Roma
Milano
Napoli
Ogni contenuto corrisponde a un marker.
La gestione dei dati con ACF
Per aggiungere informazioni ai contenuti ho utilizzato Advanced Custom Fields.
Questo plugin permette di creare campi personalizzati molto facilmente.
Nel mio caso ho aggiunto:
📍 Latitudine
📍 Longitudine
🏷 Categoria
🔢 Quantità
Inserimento dei dati
Quando creo un nuovo contenuto, inserisco semplicemente questi valori.
Esempio:
Roma
Latitudine: 41.9028
Longitudine: 12.4964
Categoria: elementi
Quantità: 15
La mappa interattiva
Per la parte di visualizzazione ho utilizzato Leaflet.
Leaflet è una libreria molto leggera e non richiede API complesse o configurazioni difficili.
Come funziona il sistema
Il funzionamento è molto lineare:
- WordPress salva i contenuti
- ACF aggiunge i dati geografici
- Leaflet legge questi dati
- La mappa genera automaticamente i marker
Il risultato finale
Con questa soluzione ottengo:
✔ una mappa interattiva integrata nel sito
✔ punti aggiornati automaticamente
✔ popup con informazioni personalizzate
✔ nessun plugin pesante o complicato
✔ pieno controllo sui dati
Il vero vantaggio
👉 La parte più interessante è questa: per aggiungere un nuovo punto non devo toccare il codice.
Mi basta creare un nuovo contenuto e inserire i dati nei campi.
La mappa si aggiorna da sola.
Conclusione
Questa soluzione è ideale se vuoi:
- evitare plugin pesanti
- avere controllo totale sui dati
- costruire una mappa completamente personalizzata
- é uno di quei casi in cui WordPress, ACF e una libreria leggera come Leaflet sono più che sufficienti per creare qualcosa di davvero potente.
Se hai un problema simile o vuoi capire come migliorare in generale il tuo sito, scrivimi senza impegno.
Contattami via email o su WhatsApp: