# 지도가 안보여요.

#### <span style="color: rgb(230, 126, 35);">**닷홈빌더 / 무료홈페이지 지도** </span>

닷홈빌더에서는 네이버 지도, 카카오 지도를 사용하실 수 있습니다.

다만, 지도를 표시하기 위해서는 각 지도 사이트에서 API 키를 받아서 닷홈빌더에 연동해 줘야 합니다.

##### <span style="color: rgb(132, 63, 161);">**API 인증이 안된 화면**</span>

[![ppp20.jpg](https://docs.dothome.co.kr/uploads/images/gallery/2025-09/scaled-1680-/ppp20.jpg)](https://docs.dothome.co.kr/uploads/images/gallery/2025-09/ppp20.jpg)<span style="color: rgb(22, 145, 121);">\[네이버 지도 인증 실패 화면\]</span>

네이버 지도의 경우 연동이 안된 경우 "네이버 지도 Open API 인증이 실패했습니다." 라는 문구가 보이며 지도가 표시되지 않습니다.

[![ppp21.jpg](https://docs.dothome.co.kr/uploads/images/gallery/2025-09/scaled-1680-/ppp21.jpg)](https://docs.dothome.co.kr/uploads/images/gallery/2025-09/ppp21.jpg)  
<span style="color: rgb(22, 145, 121);">\[카카오 지도 인증 실패 화면\]</span>

카카오 지도의 경우 인증이 실패하면 하얀 화면만 보여집니다.

##### <span style="color: rgb(132, 63, 161);">**지도 API 인증**</span>

각각의 지도 API를 인증하는 방법은 아래 블로그 및 닷홈빌더 매뉴얼에서 확인하실 수 있습니다.  
  
블로그 글을 먼저 보시고 연동 매뉴얼을 보시길 권장드립니다.

\* 닷홈빌더 시작하기 - 지도 추가하기  
[https://blog.naver.com/anysecure3/223983594892](https://blog.naver.com/anysecure3/223983594892)

\* 네이버 지도 API 연동하기  
[https://builder20.dothome.co.kr/manual/info/9](https://builder20.dothome.co.kr/manual/info/9)

\* 카카오 지도 &amp; SNS API 연동하기  
[https://builder20.dothome.co.kr/manual/info/10](https://builder20.dothome.co.kr/manual/info/10)

##### <span style="color: rgb(132, 63, 161);">**지도 API 인증 시 체크사항**</span>

블로그에서도 설명하는 내용이지만 간단히 안내드립니다.

**\[네이버 지도 API\]**

1\. Dynamic Map, Geocoding 2개의 API 가 선택되어 있는지 체크

2\. 지도를 사용할 내 홈페이지 주소가 잘 등록되어 있는지 체크  
\- 홈페이지 주소는 세부 주소가 아닌 메인 주소를 입력

3\. 닷홈빌더에 API키를 정확히 입력했는지 체크

**\[카카오 지도 API\]**

1\. 카카오맵 사용설정이 "ON" 상태인지 확인!

2\. 내 홈페이지 URL이 정확하게 등록되었는지 확인!!  
\- 홈페이지 주소는 세부 주소가 아닌 메인 주소를 입력

3\. Javascript 키를 복사했는지 확인!!!

4\. 복사한 Javascript 키를 닷홈빌더에 정확히 등했는지 확인!!!