다양한 지도 키 연동
2025-04-29
- 카카오 지도 API 연동
- 구글 지도 API 연동
- 매물 등록시 위치 자동 검색
- 매물 위치 변경 기능
- 위치 비공개 기능
- 위치 기반 부동산 검색 및 매물 표시에 최적화
티보에서는 다양한 지도를 연동할 수 있어요. 국내 지도로는 카카오 지도를 사용합니다.
카카오지도는 속도도 빠르고 국내 지도로써는 더욱 직관성이 높습니다.
해외 이용자를 대상으로 한다면 구글지도를 선택하시면 됩니다.
- 카카오지도
- 구글지도
1. 카카오지도
부동산기능에서 카카오지도를 사용해야 하므로 카카오지도의 키값을 등록해 줘야 합니다.
한국의 경우 카카오지도와 네이버지도가 가장 적합한데 정확도나 여러가지 면에서 별차이가 없어서 카카오지도로 선정하였습니다. 구글지도는 한국지도의 경우에는 정확도도 떨어지고 지하철표시도 잘 안되고 특히 지방으로 갈 수록 더욱 정확도가 떨어지는 문제가 있어서 외국버전이 아닌 경우에는 굳이 구글지도를 사용하지 않습니다.
해외용으로 운영할 경우나 한국외 다른 곳의 지도기능을 사용한다면 구글지도를 사용해야 합니다.
✅ 1단계: 카카오 개발자 가입 및 로그인
- 접속: https://developers.kakao.com
- 카카오 계정으로 로그인합니다.
✅ 2단계: 애플리케이션 등록
- 로그인 후 우측 상단의 내 애플리케이션 클릭
- 애플리케이션 추가 클릭
- 이름: 원하는 서비스명 입력 (예: 더부동산CMS)
- 플랫폼: 웹(Web) 선택 후 저장
✅ 3단계: 플랫폼 도메인 등록
- 애플리케이션 상세 페이지에서 좌측 메뉴 플랫폼 > 웹 클릭
- 도메인 등록 (예: https://yourdomain.com 또는 http://내사이트아이디.tibo.kr 등)
- 도메인은 반드시 정확히 등록해야 지도 API가 작동합니다.

✅ 4단계: JavaScript 키 복사
- 좌측 메뉴 앱 키 클릭
- JavaScript 키 복사
- 이 키를 복사버튼을 클릭해서 복사하신 후
- Tibo 공통설정 > 부동산설정 > 카카오지도키 부분에 넣고 저장해 주세요.


2. 구글 지도
https://console.cloud.google.com/
- 구글 로그인
- 프로젝트 만들기
- GCP 콘솔에서 좌측 메뉴 → API 및 서비스 > 라이브러리
- Maps JavaScript API → 사용
- 결제계정을 지정해 주세요.
- 키값을 복사하여 티보 관리자의 공통설정에 지도키 부분에 넣고 구글지도를 선택해 주세요.
- 키만든 후 리퍼러를 지정해 주세요. (자신의 도메인으로)