Componente Mappe retrò
Un componente di mappe semplice e reattivo con un design retrò/vintage, una combinazione di colori analoga e il supporto per temi scuri, che utilizza Tailwind CSS. Adatto per blog o siti Web di contenuti.
Codice HTML
<div class="bg-gray-200 dark:bg-gray-800 p-4 rounded-lg">
<div class="aspect-w-16 aspect-h-9">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3153.7108355932566!2d144.963735!3d-37.814107!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x6ad642b8c21cb29b%3A0x5045675218da3d1!2sMelbourne%20VIC%2C%20Australia!5e0!3m2!1sen!2sus!4v1646014098405!5m2!1en!2sus"
width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" class="rounded-lg"></iframe>
</div>
</div>Componenti correlati
Neon_Glow_Maps_Component
Un componente mappa semplice e reattivo con un effetto neon/bagliore, progettato per i portfolio fotografici. Presenta colori neutri freddi, supporto per la modalità oscura e immagine della mappa segnaposto.
Componente mappa cruscotto brutalista
Un componente della mappa del cruscotto in stile brutalista con colori vivaci, contrasto elevato, elementi interattivi complessi, design reattivo e supporto per temi scuri utilizzando Tailwind CSS.
Componente Mappe
Un componente Maps reattivo progettato con lo stile Glassmorphism, con un tema scuro e classi CSS Tailwind. Adatto per cruscotti con visualizzazione dei dati e pannelli di controllo.