Componente de mapas retro
Un componente de mapas simple y receptivo con un diseño retro / vintage, combinación de colores análoga y soporte para temas oscuros, que usa Tailwind CSS. Adecuado para blogs o sitios web de contenido.
Código 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>Componentes relacionados
Componente de mapas brutalistas
Un complejo componente de mapa de comercio electrónico de estilo brutalista con colores monocromáticos y compatibilidad con el modo oscuro mediante Tailwind CSS. Muestra ubicaciones de productos con elementos de diseño brutalistas.
Componente Mapas
Un componente web diseñado para interfaces de redes sociales, con un diseño brutalista con un esquema de color en escala de grises, adecuado para mostrar mapas con ubicaciones marcadas.
Componente Mapas
Un componente de mapas responsivo diseñado con el estilo Glassmorphism, con un tema oscuro y clases CSS de Tailwind. Adecuado para cuadros de mando con visualización de datos y paneles de control.