[개발/카카오내비] 자바스크립트에서 카카오내비 길찾기 연동 방법

[개발/카카오내비] 자바스크립트에서 카카오내비 길찾기 연동 방법

 

 

웹사이트를 개발하다보면

 

카카오내비와의 길찾기 연동을 해야하는 경우가 있습니다!

 

그럴때는 아래와 같은 방식으로 호출하시면 자동 네이게이션 길찾기까지 연동이 간단하게 됩니다!

 

 

1. 우선 카카오내비를 호출하기 위해서 Kakao 객체를 로드하고 실행합니다.

<script src="https://t1.kakaocdn.net/kakao_js_sdk/2.2.0/kakao.min.js"
  integrity="sha384-x+WG2i7pOR+oWb6O5GV5f1KN2Ko6N7PTGPS7UlasYWNxZMKQA63Cj/B2lbUmUfuC" crossorigin="anonymous"></script>
<script>
  Kakao.init('JAVASCRIPT_KEY');
</script>

여기서 JAVASCRIPT_KEY 는 Kakao Developers 에서 발급받은 자바스크립트 키를 입력하시면 됩니다!

 

 

2. 네이게이션을 호출할때 사용되는 함수는 아래와 같이 선언합니다!

function go_navi() {
    Kakao.Navi.start({
        name: 명칭,
        x: 127.034123123,
        y: 37.123123,
        coordType: 'wgs84',
    });
}

 

명칭이나, x, y 좌표값은 동적으로 시스템에서 안내하고자 하는 걸로 연동해주시면 됩니다!

 

참고들 하세요!

 

카카오 개발자 플램폼에 나와있는 공식문서 링크달테니 참고들 하세요!

 

Kakao Developers 공식문서 :  https://developers.kakao.com/tool/demo/navi/start

Kakao Developers