지도를 숨겼다가 다시 표시할때 문제점

지도를 처음에는 안보이도록 display:none 처리하고 탭을 클릭시 다시 display:block를 표시했는데
화면에 지도가 좌측에 256px만 보이고 다 안보입니다.
아무래도 로딩할때 지도이미지가 한개만 보이고 다른 지도이미지가 안보이는것 같은데 방법이 없을까요?
처음부터 display:block 해서 화면에 보이게 처리하면 지도는 보입니다.
디자인상 처리해야되는부분이 있어서 처음에는 안보이도록하고 클릭하면 보이도록 하고 싶은데 처리가 안되서 곤란랍니다.
방법이 있으면 알려주시면 감사하겠습니다.

아래 글 참고해보세요~

https://devtalk.kakao.com/t/topic/67269/2

매직코드를 알려드릴게요.

// display: block 이 된 직 후,
window.setTimeout(function() {
    map.relayout();
}, 0);