위치 안내 카드

위치 안내 카드

위치 안내 카드는 가게·사무실·행사장 등 특정 장소를 지도로 보여주는 카드예요. 방문자가 주소를 따로 검색하지 않아도 바로 길 안내를 받을 수 있어서, 오프라인 매장 안내·행사 초대장·팝업 스토어 페이지에 잘 어울려요.

1. 지도 종류 선택하기 — 구글맵 vs 네이버맵

CdBd는 구글맵과 네이버맵 두 가지를 모두 지원해요. 페이지의 주 방문자에 따라 골라 쓰면 좋아요.

지도	어떤 상황에 좋아요
구글맵	외국인 방문이 많은 호텔·관광지·국제 행사. 영문 주소·길찾기 호환
네이버맵	국내 방문자 대상 매장·맛집·강의실. 한국어 검색 정확도가 더 높고, 모바일에서 네이버 지도 앱이 자동으로 열려요

지도 종류는 우측 패널의 종류 항목에서 토글로 언제든 변경할 수 있어요. 같은 페이지에 두 카드를 만들어 한쪽은 구글맵, 한쪽은 네이버맵으로 운영해도 돼요.

2. 주소 입력하기

주소 검색창에 장소명 또는 주소를 입력하면 자동완성 후보가 나타나요. 후보를 클릭하면 위·경도·정식 주소가 자동으로 채워져요.

검색 가능한 형태:

• 장소명: 강남역, 에스파스 루미나 청담, 쿠팡 본사
• 도로명 주소: 서울 강남구 테헤란로 152
• 지번 주소: 서울 강남구 역삼동 737
• 건물명: 강남파이낸스센터, 광화문빌딩

선택된 주소는 지도에 핀(📍)으로 표시되고, 카드 하단에 텍스트로도 함께 노출돼요.

3. 구성 — 주소 표시 / 버튼

구성 영역에서 카드에 추가 요소를 켜고 끌 수 있어요.

• 주소 표시: 지도 아래에 텍스트 주소를 함께 보여줄지 선택
• 버튼: “지도 보러 가기” 같은 액션 버튼 표시 — 탭하면 선택한 지도 앱(구글 지도 또는 네이버 지도)이 모바일에서 열려요

4. 🎨 지도 모양 꾸미기

• 비율: 1:1 정사각형 / 가로형 — 페이지 톤에 맞게 선택
• 모서리: 원형 / 각진 / 둥근 — 다른 카드와 통일감 있게

5. 주소 텍스트·버튼 디자인

주소 텍스트 섹션에서 지도 아래 표시되는 주소 글씨의 서체·크기·굵기·색상을 자유롭게 변경할 수 있어요.

버튼 디자인 섹션에서는 “지도 보러 가기” 버튼의 모양(Text/외곽선/채움)·색상·텍스트를 조절할 수 있어요. 기본 문구도 “오시는 길”, “찾아오시는 길” 등으로 바꿀 수 있어요.

💡 활용 팁

• 국내 매장 안내: 네이버맵 + 주소 표시 ON + 버튼 “오시는 길” — 국내 방문자에게 가장 익숙한 흐름
• 국제 행사 / 호텔: 구글맵 + 영문 주소 텍스트 추가
• 드라이브 스루·발렛 안내: 주소 텍스트 아래 텍스트 카드를 별도로 두고 주차 안내·진입 동선 설명
• 여러 지점이 있는 브랜드: 위치 안내 카드를 지점 수만큼 배치 + 각 카드 위에 텍스트 카드로 지점명 강조