지도 정보 카드 및 탐색 컨트롤
지도 정보 패널에서 지도 제목 카드, 서식 있는 마크다운 설명, 작업 버튼, 카드 스타일, 검색창 및 카테고리 필터 레일을 구성하세요.
개요 및 패널 구조
지도 정보 패널은 지도의 대표 식별 카드와 방문자 탐색 기능을 하나의 중앙 작업 공간으로 통합합니다. 개별 핀에 대한 세부 정보를 제공하는 마커 카드와 달리, 지도 정보 카드는 프로젝트 전체의 영구적인 환영 배너이자 안내 역할을 합니다.
?tab=customize&panel=map-info) 카드 텍스트, 레이아웃 크기, 글래스모피즘 스타일, 탐색 도구를 설정할 수 있습니다.공개 지도의 모서리에 깔끔하게 표시되며 프로젝트 제목, 마크다운 설명, 브랜드 대표 이미지, 인터랙티브 액션 버튼을 제공합니다.
방문자 탐색 제어를 중앙에서 관리합니다. 실시간 핀 키워드 검색 및 카테고리 필터 바를 켜고 끌 수 있습니다.
카드 콘텐츠 (제목, 설명, 미디어 및 버튼)
지도 정보 카드는 네 가지 독립적인 콘텐츠 섹션으로 구성되며, 브랜드에 맞춰 자유롭게 스타일링할 수 있습니다:
글자 수 제한 카운터와 함께 지도의 대표 제목을 설정합니다. 글꼴, 크기(12px–36px), 굵기, 색상, 정렬을 맞춤 설정할 수 있습니다.
방문자 안내, 운영 시간, 행사 일정 등 텍스트를 제공합니다. 굵게, 기울임꼴, 링크, 글머리 기호 목록을 지원합니다.
미디어 라이브러리에서 배너 이미지를 선택하거나 업로드합니다. 가로세로 비율과 맞춤 모드(채우기/Cover 대 맞추기/Contain)를 설정합니다.
예약, 문의 양식, 전화 걸기, 외부 웹사이트 연결을 위한 액션 버튼을 추가합니다. 세로 또는 가로 배열을 선택할 수 있습니다.
크기, 순서 및 여백
배경 도면과 완벽하게 어우러지도록 카드의 크기와 여백을 미세 조정합니다:
- 고정 카드 너비: 데스크톱 카드 너비를 260px에서 600px(기본값: 336px) 사이로 조정합니다.
- 드래그 앤 드롭 섹션 순서 변경: 직관적인 핸들을 사용하여 원하는 순서대로 섹션을 재배열합니다.
- 섹션 간격: 섹션 사이의 세로 여백을 0px에서 24px까지 설정합니다.
- 콘텐츠 내부 여백 (X 및 Y): 가로 및 세로 내부 여백을 최대 32px까지 독립적으로 조절합니다.
외관, 글래스모피즘 및 프레임 테두리
다크 모드 지도나 브랜드 색상, 미니멀한 스타일에 어울리도록 다채로운 스타일 옵션을 제공합니다:
단색, 그라디언트, 배경 질감과 불투명도 슬라이더(0%–100%)를 설정합니다.
카드 뒤에 현대적인 반투명 유리 블러 효과를 적용하여 지도가 은은하게 비치면서도 텍스트를 선명하게 유지합니다.
외곽 테두리 두께(1px–8px), 그라디언트, 선 스타일(실선, 점선 등)을 맞춤 설정합니다.
모서리 둥글기(0px–32px)와 입체감을 위한 부드러운 그림자를 설정합니다.
기본 상태 및 데스크톱 접기 동작
지도 열람 시 카드의 초기 상태와 접기 동작을 설정합니다:
활성화하면 카드 전체가 열리고, 비활성화하면 제목만 보이는 슬림한 상태로 열려 지도를 넓게 볼 수 있습니다.
방문자가 시야를 넓히고 싶을 때 카드를 접을 수 있도록 헤더에 최소화/확장 버튼을 표시합니다.
검색창 및 카테고리 필터 제어
정보 카드 외에도 방문자 탐색을 위한 전역 스위치를 제공합니다:
제목, 설명 키워드, 태그로 장소를 빠르게 찾을 수 있는 플로팅 검색창을 활성화합니다.
층수, 상태, 룸 타입 등으로 실시간 필터링할 수 있는 카테고리 필터 레일을 활성화합니다.
데스크톱 필터 레이아웃 (전체 vs 압축)
카테고리 필터 활성화 시 데스크톱 화면에서의 배치 형태를 선택합니다:
상단 툴바에 필터 버튼을 가로로 배열합니다. 2–5개의 주요 필터가 있는 지도에 적합합니다.
모든 필터를 하나의 컴팩트한 '필터' 버튼으로 통합하여 화면 공간을 절약합니다.