카카오 맵이 탭으로 두개 표시했을때 하나가 깨집니다

한 화면에 탭으로 두개의 카카오 맵을 사용하는데 하나는 잘 나오는데 다른 하나가 화면이 깨집니다 ㅠ
이유를 알 수 있을까요…?
kakakakakak

자바스크립트 코드
var mapContainer2 = document.getElementById(‘mapArea2’), // 지도를 표시할 div
mapOption2 = {
center: new kakao.maps.LatLng(36.11745335135593, 128.3495605980934), // 지도의 중심좌표
level: 3 // 지도의 확대 레벨
};

var map2 = new kakao.maps.Map(mapContainer2, mapOption2); // 지도를 생성합니다

// 마커가 표시될 위치입니다
var markerPosition2  = new kakao.maps.LatLng(36.11745335135593, 128.3495605980934);

// 마커를 생성합니다
var marker2 = new kakao.maps.Marker({
    position: markerPosition2
});

// 마커가 지도 위에 표시되도록 설정합니다
marker.setMap(map);

// 아래 코드는 지도 위의 마커를 제거하는 코드입니다
// marker.setMap(null);

모달 또는 탭처럼 display 속성이 none -> block 으로 스타일이 변경되는 경우,
지도의 크기가 정확하지 않은 상태(display:none)에 지도가 생성이 되었기 때문에
block으로 변경되는 시점에 지도 사이즈가 변경되었음을 알려주는 map.relayout();을 호출해주세요.