map.getCenter is a not a function

function showCurrentSpot() {

    var geocoder = new kakao.maps.services.Geocoder();

    function searchAddrFromCoords(coords, callback) {

        // 좌표로 행정동 주소 정보를 요청합니다

        geocoder.coord2RegionCode(coords.getLng(), coords.getLat(), callback);         

    }

    searchAddrFromCoords(map.getCenter(), displayCenterInfo);

    

    // 지도 좌측상단에 지도 중심좌표에 대한 주소정보를 표출하는 함수입니다

    function displayCenterInfo(result, status) {

        if (status === kakao.maps.services.Status.OK) {

            const currentSpot = document.getElementById('show-current-spot');

    

            for(var i = 0; i < result.length; i++) {

                // 행정동의 region_type 값은 'H' 이므로

                if (result[i].region_type === 'B') {

                    currentSpot.innerHTML = result[i].address_name;

                    break;

                }

            }

        }    

    }

}

function init() {
    showCurrentSpot();
    
}

init();

이런 식으로 코드를 적용하여 사용하고 있는데, 작동은 정상적으로 됩니다. 다만, 콘솔에 map.getCenter is a not a function 내용의 오류가 뜨네요…

map 변수가 없어서 출력되는 오류 같습니다.
아래 부분 확인해주세요.

searchAddrFromCoords(map.getCenter(), displayCenterInfo);

감사합니다!

1개의 좋아요