탭안에 여러개의 지도를 넣었을때 지도가 정상출력이 되지 않습니다

[joocute7]

탭 안에 각 지도를 넣었는데 두번째 탭에서 정상출력이 되지 않네요…
무엇이 문제일까요…
map.relayout();을 호출해 줘야한다고 들어서 그것도 넣어줬는데
정상 출력이 되지않아서 애를 먹고있습니다…
탭을 제거하고 두개를 볼때는 정상 출력이 되는데
탭 스크립트를 넣으면 문제가 생깁니다. map 스크립트에 더 수정해야할 방법이 없을까요?

[lea.ju]

링크 참고해주세요.

//dapi.kakao.com/v2/maps/sdk.js 지도 미노출 이슈

스크린샷 상으로 봤을 때, 스크립트는 인증을 올바르게 거친 후 정상적으로 로딩 되었습니다. network탭에서 지도 타일 이미지를 제대로 받았는지 확인해 보세요. 대략 저정도 크기면 9개 정도 받아왔어야 정상입니다. 그냥 회색화면만 뜨는건 좀 이상하긴 하네요. 페이지에 선언된 CSS를 한 번 살펴보세요. div, img 와 같이 기본 설정을 위해 태그 이름에 등록한 CSS 중, 지도 이미지를 띄우는데 방해되는 요소가 있을 수 있습니다. 혹은 상위에서 선언된 CSS가 영향을 주고 있을 수도 있어요. 모달로 띄우는 경우에는 모달창이 보였을 때의 CSS가 모두 정상적으로 적용된 상태에서 지도 객체를 선언해야 정상적으로 보여집니다. 만약 모달창이 보이지 않는 상태에서 지도 객체를 미리 선언해두고 모달창을 보여주기위해 스타일을 변경하는 경우라면 map.relayout(); 을 호출하여 지도객체에게 스타일이 변경되었으니 다시 레이아웃을 잡으라고 알려주어야 합니다. h…

카카오맵이 로드가 되지 않습니다

먼저 지도의 로드 문제를 해결한 다음 polygon 오류를 잡아야 될 것 같습니다. 지도 창 크기를 변경할 때 다시 그려지는 것은 resize 이벤트 발생 시 map.relayout()을 호출하기 때문인데요. 지도 객체 선언하기 전에 디버깅을 해서 div 스타일이 잘 들어가 있는지 확인 부탁드리고, 지도가 모달 창이나 탭으로 띄어지는 구조이거나 disply: none; -> disply: block; 으로 변하는 구조라면 지도가 보이는 시점에 relayout()을 호출해야 합니다. 유사 질문에 대한 이전 답변들도 참고해주세요.