# 지도 게시판 블럭 다루기

지도 게시판은 지도화 함께 게시글 목록을 보여주는 게시판으로 매장 소개 등에 적합한 게시판입니다.

게시글 작성시 주소를 입력할 수 있으며, 지도, 거리뷰 등이 표시되는 게시글을 작성할 수 있습니다.

지도 게시판은 네이버 지도, 카카오 지도 중 선택해서 사용하실 수 있습니다.

지도 게시판 사용에 대한 자세한 내용은 아래 안내를 참고해 주시기 바랍니다.

[https://docs.dothome.co.kr/books/09/page/9be40](https://docs.dothome.co.kr/books/09/page/9be40)

지도 게시판 블럭을 사용하기 위해서는 지도 API 등록이 필요합니다.

사용하려는 지도의 API를 먼저 등록해주세요.

[<span style="color: #3c99f6;">네이버 지도 API 등록하기&gt;</span>](https://docs.dothome.co.kr/books/02/page/api)

[<span style="color: #3c99f6;">다음 카카오 지도 API 등록하기&gt;</span>](https://docs.dothome.co.kr/books/02/page/sns-api)

작성된 게시글 관리는 [**<span style="color: #3c99f6;">지도 게시판/게시글 관리하기 &gt;</span>**](https://docs.dothome.co.kr/books/04/page/f5f85)<span style="color: #3c99f6;"> </span>를 참고해 주세요.

● 게시판 상세 설정하기

[![dhbd-09-12-01.png](https://docs.dothome.co.kr/uploads/images/gallery/2025-11/scaled-1680-/dhbd-09-12-01.png)](https://docs.dothome.co.kr/uploads/images/gallery/2025-11/dhbd-09-12-01.png)

<span style="color: rgb(22, 145, 121);">\[지도 게시판 설정 버튼 화면\]</span>

게시판 블럭 위에 마우스를 올리면 우측 상단에 블럭 편집 메뉴가 표시됩니다.

가운데에 있는 \[설정(톱니 바퀴 모양)\] 버튼을 클릭하여 상세 설정창을 열어줍니다.

[![dhbd-09-12-02.png](https://docs.dothome.co.kr/uploads/images/gallery/2025-11/scaled-1680-/dhbd-09-12-02.png)](https://docs.dothome.co.kr/uploads/images/gallery/2025-11/dhbd-09-12-02.png)

<span style="color: rgb(22, 145, 121);">\[지도 게시판 상세설정창 화면\]</span>

게시판 블럭의 상세 설정창은 내용, 디자인, 레이아웃, 배경 네 개의 탭메뉴로 구성되어 있습니다.

각 설정 항목에 대해 알아보겠습니다.

**- 내용**

**[![dhbd-09-12-03.png](https://docs.dothome.co.kr/uploads/images/gallery/2025-11/scaled-1680-/dhbd-09-12-03.png)](https://docs.dothome.co.kr/uploads/images/gallery/2025-11/dhbd-09-12-03.png)**

<span style="color: rgb(22, 145, 121);">\[지도 게시판 상세설정 - 내용 설정 화면\]</span>

<span style="color: #636363;">게시판에 대한 기본적인 항목들을 설정합니다.</span>

<table class="table table-bordered" id="bkmrk-%ED%95%AD%EB%AA%A9-%EC%84%A4%EB%AA%85-%EA%B2%8C%EC%8B%9C%ED%8C%90-%EA%B2%8C%EC%8B%9C%ED%8C%90-%EC%97%B0%EB%8F%99-%3A-%EC%97%B0" style="width: 100%;"><thead><tr><td style="width: 22.5288%;">항목</td><td style="width: 77.4712%;">설명</td></tr></thead><tbody><tr><td style="width: 22.5288%;">게시판</td><td style="width: 77.4712%;">- 게시판 연동 : 연동할 게시판을 선택합니다.
- 제목 : 게시판 연동 목록과 관리자페이지에 표시해 줄 게시판 제목을 설정합니다.

</td></tr><tr><td style="width: 22.5288%;">게시판 요소  
</td><td style="width: 77.4712%;">- 글쓰기 버튼 감추기 : 글쓰기 버튼 표시 여부를 설정합니다.

</td></tr><tr><td style="width: 22.5288%;">게시판 카테고리  
</td><td style="width: 77.4712%;"><div>- 게시판 카테고리 사용 여부를 설정합니다.

</div></td></tr><tr><td style="width: 22.5288%;">권한  
</td><td style="width: 77.4712%;">게시글 목록 열람, 게시글 열람, 글 작성, 댓글의 권한을 설정합니다.

권한을 '선택 회원 그룹'으로 선택할 경우 원하는 회원 그룹을 지정할 수 있습니다.

</td></tr><tr><td style="width: 22.5288%;">노출 항목  
</td><td style="width: 77.4712%;">목록에 표시해 줄 항목을 설정합니다.

</td></tr><tr><td style="width: 22.5288%;">게시글 양식  
</td><td style="width: 77.4712%;">게시글 작성 양식을 설정합니다.  
</td></tr><tr><td style="width: 22.5288%;">지도 상세 설정  
</td><td style="width: 77.4712%;"><div>- 마우스 휠로 확대/축소하기 : 사용으로 설정하면 마우스 휠로 지도를 확대/축소할 수 있습니다.
- 마커 클러스터링 : 사용으로 설정하면 마커가 서로 겹치지 않도록 인접한 마커를 그룹으로 묶어 표시합니다.

</div></td></tr><tr><td style="width: 22.5288%;">정렬</td><td style="width: 77.4712%;">게시글, 댓글, 답글의 기본 정렬을 설정합니다.</td></tr><tr><td style="width: 22.5288%;">게시글 공유</td><td style="width: 77.4712%;">게시글 공유 기능을 설정합니다. 공유 항목을 체크하며 게시글 공유 기능이 활성화 되며, 공유 목록에 체크된 항목이 표시됩니다.

카카오톡과 카카오스토리의 경우 카카오 API 연동이 필요합니다. [**<span style="color: #3c99f6;">카카오 API 연동 바로가기 &gt;</span>**](https://docs.dothome.co.kr/books/02/page/sns-api)

</td></tr></tbody></table>

\- 디자인

[![dhbd-09-12-04.png](https://docs.dothome.co.kr/uploads/images/gallery/2025-11/scaled-1680-/dhbd-09-12-04.png)](https://docs.dothome.co.kr/uploads/images/gallery/2025-11/dhbd-09-12-04.png)

<span style="color: rgb(22, 145, 121);">\[지도 게시판 상세설정 - 디자인 설정 화면\]</span>

<table class="table table-bordered" id="bkmrk-%ED%95%AD%EB%AA%A9-%EC%84%A4%EB%AA%85-%EA%B2%8C%EC%8B%9C%ED%8C%90-%EA%B2%8C%EC%8B%9C%EA%B8%80-%EB%AA%A9%EB%A1%9D%EC%9D%98-%EB%94%94%EC%9E%90" style="width: 100%;"><thead><tr><td style="width: 21.6916%;">항목</td><td style="width: 78.3084%;">설명</td></tr></thead><tbody><tr><td style="width: 21.6916%;">게시판  
</td><td style="width: 78.3084%;">게시글 목록의 디자인을 설정합니다.  
</td></tr><tr><td style="width: 21.6916%;">버튼</td><td style="width: 78.3084%;">버튼의 디자인을 설정합니다.</td></tr><tr><td style="width: 21.6916%;">게시글 목록</td><td style="width: 78.3084%;">게시글 목록의 위치를 설정합니다.</td></tr></tbody></table>

\- 레이아웃

[![dhbd-09-12-05.png](https://docs.dothome.co.kr/uploads/images/gallery/2025-11/scaled-1680-/dhbd-09-12-05.png)](https://docs.dothome.co.kr/uploads/images/gallery/2025-11/dhbd-09-12-05.png)

<span style="color: rgb(22, 145, 121);">\[지도 게시판 상세설정 - 레이아웃 설정 화면\]</span>

<table class="table table-bordered" id="bkmrk-%ED%95%AD%EB%AA%A9-%EC%84%A4%EB%AA%85-%EB%84%88%EB%B9%84-%EB%B8%94%EB%9F%AD-%EC%95%88%EC%97%90-%EC%BB%A8%ED%85%90%EC%B8%A0%EA%B0%80-" style="width: 100%;"><thead><tr><td style="width: 21.9314%;">항목</td><td style="width: 78.0686%;">설명</td></tr></thead><tbody><tr><td style="width: 21.9314%;">너비</td><td style="width: 78.0686%;">블럭 안에 컨텐츠가 들어가는 영역의 기본 너비를 설정합니다.

- 본문 너비 : 글로벌 디자인 설정에서 적용한 본문폭 너비에 맞게 설정합니다.
- 채우기 : 컨텐츠 영역의 너비를 화면에 꽉 맞게 채웁니다.

</td></tr><tr><td style="width: 21.9314%;">좌우 여백</td><td style="width: 78.0686%;">블럭의 좌우 여백을 설정합니다.</td></tr><tr><td style="width: 21.9314%;">상단 여백</td><td style="width: 78.0686%;">블럭 상단의 여백을 설정합니다.</td></tr><tr><td style="width: 21.9314%;">하단 여백</td><td style="width: 78.0686%;">블럭 하단의 여백을 설정합니다.</td></tr><tr><td style="width: 21.9314%;">정렬</td><td style="width: 78.0686%;">게시글 목록의 글자 정렬을 설정합니다.</td></tr></tbody></table>

\- 배경

[![dhbd-09-12-06.png](https://docs.dothome.co.kr/uploads/images/gallery/2025-11/scaled-1680-/dhbd-09-12-06.png)](https://docs.dothome.co.kr/uploads/images/gallery/2025-11/dhbd-09-12-06.png)

<div id="bkmrk-%5B%EC%A7%80%EB%8F%84-%EA%B2%8C%EC%8B%9C%ED%8C%90-%EC%83%81%EC%84%B8%EC%84%A4%EC%A0%95---%EB%B0%B0%EA%B2%BD-%EC%84%A4%EC%A0%95"><span style="color: rgb(22, 145, 121);">\[지도 게시판 상세설정 - 배경 설정 화면\]</span></div>블럭에 대한 배경을 설정합니다. 색 또는 이미지로 설정할 수 있습니다.