Layerpin logo
주석 및 미디어

정보 카드, 팝업 및 미디어

마커나 구역에 메타데이터, 사진 갤러리, 작업 버튼을 연결하세요. 팝오버, 사이드 드로어, 모달창, 전체 화면을 설정할 수 있습니다.

5가지 프레젠테이션 모드

지도의 모든 마커와 클릭 가능한 도형은 대화형 정보 카드를 표시할 수 있습니다. 빠른 마우스 오버 요약부터 광범위한 측면 서랍, 몰입형 전체 화면 둘러보기까지 프로젝트에 적합한 5가지 프레젠테이션 모드 중에서 선택하세요.

1. 호버/클릭 팝오버

마커 또는 모양 중심에 직접 고정된 부동 팝업입니다. 스마트 뷰포트 충돌 감지 기능을 갖추고 있어 화면 밖으로 잘리지 않습니다. 빠른 세부 정보, 객실 번호 및 가격표에 적합합니다.

2. 측면 서랍 (오른쪽 / 왼쪽)

화면 가장자리에서 부드럽게 미끄러집니다. 지도 중앙을 가리지 않고 매장 안내, 부스 프로필 및 광범위한 설명에 적합합니다.

3. 중심 모달 대화 상자

미묘한 배경 흐림과 희미한 오버레이가 포함된 초점이 맞춰진 대화 상자입니다. 예약 양식, 비디오 삽입 및 자세한 제품 쇼케이스에 적합합니다.

4. 전체 화면 분할 보기

왼쪽에는 스크롤 가능한 구조화된 정보가 표시되고 오른쪽에는 전체 높이 이미지 갤러리가 표시되는 2열 레이아웃입니다. 부동산 목록, 캠퍼스 투어, 박물관 전시에 적합합니다.

5. 모바일 바텀시트(자동)

휴대폰에서 카드는 터치 드래그 핸들과 스냅 포인트(70% 미리보기 및 100% 전체 높이)가 있는 iOS 스타일 제스처 서랍에 자동으로 적응하여 유연한 모바일 경험을 보장합니다.

전역 기본값과 항목별 사용자 정의

편집기에서 전체 지도에 대한 전역 프리젠테이션 모드를 설정하거나 고유한 프리젠테이션으로 개별 마커 및 모양을 사용자 정의할 수 있습니다(예: 표준 핀은 팝오버를 열고 VIP 부스는 전체 화면 보기를 엽니다).

모듈식 콘텐츠 섹션

각 카드는 6개의 모듈식 콘텐츠 블록으로 구성됩니다. 각 섹션을 독립적으로 표시, 숨기기, 맞춤화하고 순서를 변경할 수 있습니다.

제목 및 헤드라인

사용자 정의 글꼴 모음, 크기, 두께, 색상, 정렬 및 여러 줄 나누기 보존.

마크다운 설명

굵게, 기울임꼴, 링크 및 목록이 포함된 서식 있는 텍스트입니다. 접을 수 있는 "더 보기 / 간략히 보기" 버튼이 있는 자동 3줄 클램핑 기능이 포함되어 있습니다.

구조화된 필드

아이콘(전화, 이메일, 시간, 가격)과 쌍을 이루는 키-값 쌍입니다. 구분선이 있는 스택, 인라인 또는 값 전용 레이아웃을 지원합니다.

카테고리 태그

지도 카테고리와 일치하는 색상으로 구분된 배지 알약, 선택적인 전체 너비 스택 및 "+X개 더 많은 태그" 확장.

작업 버튼/CTA

외부 URL(웹사이트, 예약, 길찾기)에 대한 클릭 유도 버튼. 스택, 행 또는 2열 그리드 레이아웃으로 구성 가능합니다.

포토갤러리 히어로

사용자 정의 가능한 가로 세로 비율, 이미지 맞춤 및 전체 화면 확대/축소 라이트박스 뷰어를 갖춘 헤더 이미지 캐러셀입니다.

다국어 정보 카드

제목, 풍부한 설명, 사용자 정의 필드 레이블 및 값, 태그, 작업 버튼을 포함한 모든 카드 사본을 16개 모국어로 현지화할 수 있습니다. 확인해 보세요 다국어 지도 가이드 4탭 번역 편집기의 작동 방식을 확인하세요.

실시간 카드 재주문

지도 편집기에서 정보 카드 내부 섹션 위로 마우스를 가져가면 빠른 작업 도구 모음이 표시됩니다. 클릭하시면 됩니다 편집하다 해당 속성으로 이동하려면 / 섹션을 위나 아래로 이동하려면 화살표 버튼을 클릭하거나 숨다 가시성을 즉시 전환합니다.

미디어 라이브러리 및 이미지 갤러리

풍부한 사진, 건축 렌더링, 평면도 세부정보로 위치를 개선하세요.

다중 이미지 첨부

여러 이미지를 마커나 모양에 첨부하세요. 쉽게 이미지 순서를 바꾸거나 카드 상단에 표시되는 기본 표지 이미지로 사진을 선택할 수 있습니다.

8 갤러리 화면 비율

콘텐츠에 맞는 완벽한 프레임 비율을 선택하세요. 울트라와이드(21:9), 와이드(16:9), 컴팩트(2:1), 가로(3:2), 표준(4:3), 정사각형(1:1), 세로(4:5) 또는 세로(3:4)(커버 또는 포함 피팅 모드 포함).

대화형 라이트박스 뷰어

방문자는 이미지를 클릭하여 부드러운 키보드, 스와이프 및 확대/축소 탐색 기능을 갖춘 전체 해상도 전체 화면 라이트박스를 열 수 있습니다.

중앙 집중식 미디어 자산 관리자

한 번에 최대 20개의 파일을 일괄 업로드하세요. 지원 형식은 SVG, JPEG, PNG, WEBP, AVIF, BMP이며 저장소 할당량을 실시간으로 추적합니다.

카드 스타일 및 전역 기본값

카드 쉘의 모든 측면을 귀하의 브랜드에 맞게 맞춤화할 수 있습니다.

배경, 테두리 및 그림자
  • 배경: 불투명도 조절이 가능한 단색, 투명 카드 또는 부드러운 선형 그래디언트.
  • 테두리: 사용자 정의 획 너비와 색상 또는 그라데이션 채우기가 포함된 실선, 점선 또는 점선 SVG 테두리입니다.
  • 코너 반경 및 그림자: 부드러운 둥근 모서리(0px ~ 24px+)와 부드러운 주변 그림자.
기본 사전 설정으로 저장

완벽한 카드 디자인을 만들었다면 스타일 패널 하단의 “기본값으로 저장”을 클릭하세요. Layerpin이 확인하고 이 스타일을 기존 및 신규 마커와 도형 전체에 자동으로 적용합니다.

주요 전시, 스폰서 부스 또는 주요 랜드마크에 고유한 색상이나 전용 레이아웃이 필요할 때마다 개별 핫스팟을 맞춤 설정할 수 있습니다.