Display : none 을 먹였다가 다시 block 을 하면 지도가 이상해요

[lea.ju]

아래 답변 참고해주세요.

Kakao map api 질문드립니다

클릭 이벤트에서는 미리 지도를 생성한 것이 아닌 disply: block으로 css를 변경 후 지도 객체 생성하기 때문에 지도 width, height 크기에 맞게 생성이 되었지만 display: none → display: block 처럼 동적으로 사이즈가 변경된 경우에는 none 상태 즉, 지도의 크기가 정확하지 않은 상태로 지도가 생성이 되었기 때문에 block으로 풀어준 시점에 지도의 사이즈가 변경이 되었음을 알려주는 relayout() 함수를 호출해야 합니다. 아래 링크 참고해주세요. https://devtalk.kakao.com/t/topic/67269/2