지도에서 마커를 처음 클릭했을 시 바로 이동이 되지 않아요

(function(marker, place) {
itemEl.onclick = function() {
displayInfowindow(marker, place);
const position = marker.getPosition();

            // 마커 위치로 이동
            map.panTo(position);
            if (map.getLevel() > 1) {
                map.setLevel(1); 
            }
        };
    })(marker, places[i]);

    bounds.extend(placePosition);

처음 검색을 하면 중간에 쫓아가다가 한번 멈추고 두번을 눌러야 그 마커로 이동이 되네요…
그리고 마커가 화면의 중간으로 이동하게도 해놨는데 어떤 마커는 되고 어떤 마커는 맵 안에만 존재하는 경우도 있어요
어떻게 수정해야될까요 ?

itemEl.onclick = function() {
displayInfowindow(marker, place);
const position = marker.getPosition();

map.panTo(position);

kakao.maps.event.addListener(map, 'idle', function() {
    map.setCenter(position);
});

setTimeout(function() {
    if (map.getLevel() > 1) {
        map.setLevel(1); 
    }
}, 500);

};

감사합니다 ^ㅁ^