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
Paper_Print_Sepia_Sports_Map_Component
Un componente sensible similar a un mapa para aplicaciones deportivas/de fitness con un diseño inspirado en el papel/impresión y una combinación de colores sepia/marrón. Incluye un área de mapa simulada, pines de ubicación y una leyenda, con soporte completo para el modo oscuro.
Componente Mapas
Un componente de mapas responsivo con estilo Material Design y soporte para temas oscuros, creado con Tailwind CSS.
Componente de mapa del tablero de Brutalist
Un componente de mapa de tablero de estilo brutalista con colores vibrantes, alto contraste, elementos interactivos complejos, diseño receptivo y soporte de temas oscuros con Tailwind CSS.