카카오지도를 테이블 태그에 넣을때 로딩 오류가 생깁니다

지도를 불러오는 div태그를 table td 태그에 넣게 되면 오류가 생깁니다.
image
image
이렇게 나오는데 여기서 브라우저 화면을 확대하거나 축소하면 맵 로딩 오류가 없어집니다.
image
이 현상을 어떻게 해결해야 할까요?

추가로 테이블 안쪽이 아니더라도 어느 위치든 저렇게 나옵니다.
부트스트렙때문에 그런건가 생각이 듭니다.

자답입니다.
아래 링크를 참고했습니다.
원인은 display가 none인 상태에서 맵이 만들어져서 모서리에 만 지도가 나왔던거고
display가 none에서 block으로 되는 시점에 map.relayout()을 실행시켜서 오류 해결했습니다.
window.onload를 해도 안됩니다 ㅎㅎ
https://devtalk.kakao.com/t/topic/59015?source_topic_id=97117

1개의 좋아요