> For the complete documentation index, see [llms.txt](https://cdbd.gitbook.io/guide/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://cdbd.gitbook.io/guide/editor/map.md).

# 위치 안내

CdBd 에디터의 위치 안내 카드는 가게, 사무실, 행사 장소 등 여러분이 원하는 특정 위치를 페이지에 지도로 표시하고, 방문자들이 쉽게 찾아올 수 있도록 도와주는 편리한 도구예요. 주소 입력부터 지도 모양, 버튼 디자인까지 모든 설정 방법을 지금부터 친절하게 알려드릴게요!

***

## 1. 위치 안내 카드 추가하고 주소 연결하기

페이지에 지도를 추가하고 방문자들을 안내할 위치를 연결해 볼까요?

### 1.1 위치 안내 카드 선택

* 페이지에 위치 안내 카드를 추가한 뒤 카드를 선택해 보세요.

### 1.2 주소 검색 및 입력하기

<figure><img src="/files/twPOVdYaDMqhxiZZMsz8" alt=""><figcaption></figcaption></figure>

* 주소 입력 : 지도 연결 설정에서 안내하고 싶은 주소를 검색창에 입력해 보세요.
* 자동 완성 : 주소를 입력하면 자동으로 여러 주소 후보들이 나타날 거예요. 원하는 주소를 선택하면 된답니다. CdBd는 구글 지도와 연결되어 있어서 정확한 위치를 쉽게 찾을 수 있어요.

***

## 2. 지도 표시 방식 및 디자인 꾸미기

위치 안내 카드를 선택한 후, 디자인 공간으로 가면 지도가 페이지에 표시되는 방식과 디자인을 다양하게 꾸밀 수 있는 설정들이 나타나요.

### 2.1 지도 모양 설정하기

<figure><img src="/files/KMoCUgHfqBfEFwouvrcM" alt=""><figcaption></figcaption></figure>

* 비율 : 지도 화면의 가로세로 비율을 설정할 수 있어요. '1:1' 정사각형 모양으로 깔끔하게 보이거나, '가로'로 길게 펼쳐서 보여줄 수 있답니다.
* 모서리 : 지도 화면의 모서리 모양을 바꿀 수 있어요. '각진' 모양으로 단정하게 보이거나, '둥근' 모양으로 부드러운 느낌을 줄 수 있어요.

### 2.2 주소 텍스트 스타일 조절하기

<figure><img src="/files/05xiF6k0XMfvvxZbQy6h" alt=""><figcaption></figcaption></figure>

* 지도 아래에 표시되는 주소 텍스트의 스타일을 내 마음대로 꾸밀 수 있어요. 서체(글씨체), 굵기, 밑줄, 색깔, 크기 등을 조절해서 가독성을 높이고 페이지 디자인과 어울리게 할 수 있답니다.

### 2.3 '지도 보러 가기' 버튼 디자인 꾸미기

<figure><img src="/files/R1qBwgjYnGhD5J6eDS4P" alt=""><figcaption></figcaption></figure>

지도를 클릭했을 때 방문자가 상세 지도를 보러 갈 수 있도록 연결되는 버튼의 디자인을 꾸밀 수 있어요.

* 버튼 색깔 : 버튼의 배경 색깔을 원하는 대로 바꿀 수 있어요.
* 버튼 모양 : 버튼의 형태를 '각진', '둥근', '원형' 중 원하는 대로 선택할 수 있답니다.
* 버튼 텍스트 꾸미기 : 버튼 위에 나타나는 글씨(예: '지도 보러 가기')의 서체, 굵기, 밑줄, 색깔, 크기 등을 자유롭게 조절할 수 있어요.

***

## 3. 위치 안내 카드 관리하기

만들어 놓은 위치 안내 카드를 편집하거나 복사, 삭제할 수 있어요. (다른 카드와 동일한 방식으로 관리됩니다.)

### 3.1 주소 변경

* 연결된 주소를 언제든지 쉽게 바꿀 수 있어요.

### 3.2 복사하기

* 똑같은 디자인의 위치 안내 카드를 여러 개 만들고 싶을 때 유용해요.

### 3.3 삭제하기

* 더 이상 필요 없는 위치 안내 카드는 언제든지 쉽게 지울 수 있답니다.
