Widget Elementor · Open Source
Map Zoom List
- Elementor Pro
- WordPress
- Leaflet
- jQuery
- PHP 8.0+
Funzionalità
Tutto quello che serve
Leaflet — nessuna API key
Basato su OpenStreetMap via Leaflet.js. Nessun account, nessuna fatturazione, nessun limite di visualizzazioni. Funziona subito, ovunque.
Lista e mappa sincronizzate
Hover o click su un elemento della lista: la mappa zooma automaticamente sul marker corrispondente. Interazione bidirezionale, fluida.
Marker animato (pulse)
Il marker attivo mostra un'animazione pulse configurabile — anello radiale che si espande per guidare l'attenzione dell'utente sul punto selezionato.
Badge, colore bordo, link
Ogni punto nella lista supporta titolo, sottotitolo, badge opzionale, colore bordo personalizzato e link interno o esterno — tutto configurabile dal repeater Elementor.
Mobile-first
Interazione configurabile: hover + click per desktop, solo click come fallback su mobile. Nessuna rottura su touchscreen.
Controlli Elementor completi
Zoom iniziale e zoom su focus separati, altezza mappa, popup al focus on/off, gap e padding via pannello Style — tutto visuale, nessun CSS custom necessario
Pronto in 4 passi
Installa il plugin
Carica la cartella in /wp-content/plugins/ e attivalo dal pannello WordPress.
Trascina il widget
Cerca "Mappa Lista" nel pannello widget di Elementor. Trascina nel layout. Il widget si inizializza con due punti di esempio (Roma e Milano) già pronti.
Inserisci i tuoi punti
Nel repeater aggiungi titolo, sottotitolo, badge, latitudine e longitudine di ogni sede o punto di interesse. Il link e il colore bordo sono opzionali.
Configura lo stile
Dal pannello Content scegli zoom, interazione (hover/click) e comportamento popup. Dal pannello Style personalizza border radius mappa, shadow, tipografia lista e spaziatura.