[javascript/jquery] kakaomap resize example / 카카오맵 리사이징 방법

[javascript/jquery] kakaomap resize example / 카카오맵 리사이징 방법

 

 

카카오 맵을 연동하여

 

지도를 보여주다보면

 

팝업 혹은 모달에서 

 

지도가 깨지거나 가려져서 안보이는 현상이

 

종종 발생하곤 합니다!

 

그럴때는 아래와 같이 relayout 함수를 이용하시면 됩니다!

 

var map = new kakao.maps.Map(container, options);

 

위선 위와 같이 만들어진 지도 객체 map 이 있다고 가정하고,

 

지도가 로드된 후에 아래와 같이 함수를 호출해주시면 됩니다!

 

map.relayout();

 

저는 정상적으로 동작시키기 위해서

 

0.5초 정도의 timeout 을 주고 구현했습니다!

 

참고들 하세요!