이용가이드

TIBO의 이용가이드입니다.

다양한 지도 키 연동

2025-04-29
  • 카카오 지도 API 연동
  • 구글 지도 API 연동
  • 매물 등록시 위치 자동 검색
  • 매물 위치 변경 기능
  • 위치 비공개 기능
  • 위치 기반 부동산 검색 및 매물 표시에 최적화

티보에서는 다양한 지도를 연동할 수 있어요. 국내 지도로는 카카오 지도를 사용합니다.

카카오지도는 속도도 빠르고 국내 지도로써는 더욱 직관성이 높습니다.

해외 이용자를 대상으로 한다면 구글지도를 선택하시면 됩니다.

 

  1. 카카오지도
  2. 구글지도

1. 카카오지도

https://developers.kakao.com

 

부동산기능에서 카카오지도를 사용해야 하므로 카카오지도의 키값을 등록해 줘야 합니다.

한국의 경우 카카오지도와 네이버지도가 가장 적합한데 정확도나 여러가지 면에서 별차이가 없어서 카카오지도로 선정하였습니다. 구글지도는 한국지도의 경우에는 정확도도 떨어지고 지하철표시도 잘 안되고 특히 지방으로 갈 수록 더욱 정확도가 떨어지는 문제가 있어서 외국버전이 아닌 경우에는 굳이 구글지도를 사용하지 않습니다.

해외용으로 운영할 경우나 한국외 다른 곳의 지도기능을 사용한다면 구글지도를 사용해야 합니다.

 

✅ 1단계: 카카오 개발자 가입 및 로그인

 

 

✅ 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 → 사용
  • 결제계정을 지정해 주세요.
  • 키값을 복사하여 티보 관리자의 공통설정에 지도키 부분에 넣고 구글지도를 선택해 주세요.
  • 키만든 후 리퍼러를 지정해 주세요. (자신의 도메인으로)