지도를 불러오는 div태그를 table td 태그에 넣게 되면 오류가 생깁니다.
이렇게 나오는데 여기서 브라우저 화면을 확대하거나 축소하면 맵 로딩 오류가 없어집니다.
이 현상을 어떻게 해결해야 할까요?
추가로 테이블 안쪽이 아니더라도 어느 위치든 저렇게 나옵니다.
부트스트렙때문에 그런건가 생각이 듭니다.
지도를 불러오는 div태그를 table td 태그에 넣게 되면 오류가 생깁니다.
이렇게 나오는데 여기서 브라우저 화면을 확대하거나 축소하면 맵 로딩 오류가 없어집니다.
이 현상을 어떻게 해결해야 할까요?
추가로 테이블 안쪽이 아니더라도 어느 위치든 저렇게 나옵니다.
부트스트렙때문에 그런건가 생각이 듭니다.
자답입니다.
아래 링크를 참고했습니다.
원인은 display가 none인 상태에서 맵이 만들어져서 모서리에 만 지도가 나왔던거고
display가 none에서 block으로 되는 시점에 map.relayout()을 실행시켜서 오류 해결했습니다.
window.onload를 해도 안됩니다 ㅎㅎ
https://devtalk.kakao.com/t/topic/59015?source_topic_id=97117