Retro Maps 컴포넌트
Tailwind CSS를 사용하여 레트로/빈티지 디자인, 유사한 색 구성표 및 어두운 테마를 지원하는 간단하고 반응이 빠른 지도 구성 요소입니다. 블로그 또는 콘텐츠 웹사이트에 적합합니다.
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>관련 구성 요소
Maps 컴포넌트
머티리얼 디자인(Material Design) 미학과 흙색 배합이 있는 단순하고 반응이 빠른 지도 구성 요소로, 다크 모드를 지원합니다. 위치 기반 콘텐츠를 재미있게 보여주는 엔터테인먼트/미디어 플랫폼에 적합합니다.
Gradient_Forest_Maps_Component
교육용 플랫폼을 위한 간단하고 반응이 빠른 지도 구성 요소로, 포레스트 그린 그라디언트 팔레트와 부드러운 전환을 특징으로 하며 다크 모드를 지원합니다.