얼렁뚱땅코드/그누보드

카카오네비 적용하기

얼렁뚱땅 디자이너 2020. 9. 22. 17:16

저는 www/theme/basic 안에 kakaonavi.php 파일을 생성하고 작업해주었습니다

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, width=device-width"/>
<title>API Demo - Kakao JavaScript SDK</title>
<script src="//developers.kakao.com/sdk/js/kakao.min.js"></script>

</head>
<body>
<a id="navi" href="#" onclick="navi();">
<img src="<?=G5_IMG_URL?>/kakaonavi.png"/>
</a>
<script type='text/javascript'>
  //<![CDATA[
    // 사용할 앱의 JavaScript 키를 설정해 주세요.
    Kakao.init('a05adbc45eb33fbdd7d7edde5d0fa8ef');
    // 카카오 로그인 버튼을 생성합니다.
    function navi(){
        Kakao.Navi.share({
            name: "사이트 이름을 넣어주세요.",
            x: 127.212137,
            y: 37.541335,
            coordType: 'wgs84'
        });
    }
  //]]>
</script>

</body>
</html>