<script type="text/javascript" src="//dapi.kakao.com/v2/maps/sdk.js?appkey=부여받은 키 값&libraries=services"></script>
<script>

var juso = "<?php echo $addr;?>";
console.log(juso);

var mapContainer = document.getElementById('map'), // 지도를 표시할 div 
    mapOption = {
        center: new daum.maps.LatLng(36.495886, 127.264642), // 지도의 중심좌표
        level: 4 // 지도의 확대 레벨
    }; 

// 지도를 생성합니다    
var map = new daum.maps.Map(mapContainer, mapOption); 

// 주소-좌표 변환 객체를 생성합니다
var geocoder = new daum.maps.services.Geocoder();

// 주소로 좌표를 검색합니다
geocoder.addressSearch(juso, function(result, status) {

    // 정상적으로 검색이 완료됐으면 
     if (status === daum.maps.services.Status.OK) {

        var coords = new daum.maps.LatLng(result[0].y, result[0].x);
 
        // 결과값으로 받은 위치를 마커로 표시합니다
        var marker = new daum.maps.Marker({
            map: map,
            position: coords
        });
        infowindow.open(map, marker);

        // 지도의 중심을 결과값으로 받은 위치로 이동시킵니다
        map.setCenter(coords);
    } 
});    
</script>

<br>
<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"/>
<script src="https://developers.kakao.com/sdk/js/kakao.min.js"></script>

<a id="navi" href="#" onclick="navi();">
<img src="../kakaonavi.png"/>
</a>
<script type='text/javascript'>
  //<![CDATA[
    // 사용할 앱의 JavaScript 키를 설정해 주세요.
    //Kakao.init('a443048333f2f9f5d7d7f09a2d4cba27');
    // 카카오 로그인 버튼을 생성합니다.

    function navi(){
        Kakao.Navi.share({
            name: "kakao Navi 길찾기",
            x: coords.getLng(),
            y: coords.getLat(),
            coordType: 'wgs84'
        });
    }
  //]]>
</script>

조기 빨간색을 저렇게 입력하니 인식을 못해요 ㅠㅠ

어떻게 해야 할까요?