Retro Maps-Komponente
Eine einfache, reaktionsschnelle Kartenkomponente mit Retro-/Vintage-Design, analogem Farbschema und Unterstützung für dunkle Themen unter Verwendung von Tailwind CSS. Geeignet für Blog- oder Content-Websites.
HTML-Code
<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>Verwandte Komponenten
Retro Maps-Komponente
Eine einfache, reaktionsschnelle und mit dem Dunkelmodus kompatible Kartenkomponente mit Retro-/Vintage-Ästhetik, lebendigem Farbschema und Geschäfts-/Unternehmenszwecken, die mit Tailwind CSS erstellt wurde.
Maps-Komponente
Eine reaktionsschnelle Kartenkomponente im skeuomorphen Stil mit sanften Pastellfarben und einer reichhaltigen Benutzeroberfläche, die für soziale Netzwerke geeignet ist. Die Komponente unterstützt sowohl den hellen als auch den dunklen Modus und enthält mehrere interaktive Elemente.
Neon_Glow_Maps_Component
Eine einfache, reaktionsschnelle Kartenkomponente mit Neon-/Leuchteffekt, die für Fotoportfolios entwickelt wurde. Bietet coole neutrale Farben, Unterstützung für den Dunkelmodus und Platzhalter-Kartenbild.