지도 스크립트 문의

회사에서 쓰던 지도 api가 있어서 이걸로 지도를 삽입하고있었는데
최근에 제이쿼리로 상위 부모요소를 컨트롤(버튼을 클릭해야 해당 지도가 있는 섹션이 보이게끔)하게끔
기능을 넣으면서 첨부한 이미지처럼 지도 위치가 깨져버립니다.
화면을 리사이즈하면 정상적으로 보입니다.

그래서 settimeout을 사용해도 소용이 없고, 계속 저 상태인데 이걸 어떤식으로 해결해야할까요?
제이쿼리 라이브러리랑 충돌하는것같아요.

--------------------------

<!-- * Daum 지도 - 지도퍼가기 -->
 <!-- 1. 지도 노드 -->

<div id="daumRoughmapContainer1000000" class="root_daum_roughmap root_daum_roughmap_landing" style="width:100%;border-radius:4px;"></div>

<!--
2. 설치 스크립트
* 지도 퍼가기 서비스를 2개 이상 넣을 경우, 설치 스크립트는 하나만 삽입합니다.
-->

<script charset="UTF-8" class="daum_roughmap_loader_script" src="https://spi.maps.daum.net/imap/map_js_init/roughmapLoader.js"></script>

                                           
<!-- 3. 실행 스크립트 -->
<script charset="UTF-8">
//반응형으로 변경

new daum.roughmap.Lander({
"timestamp" : "1491185099364",
 "key" : "gwrq"
 }).render();    
![127.0.0.1_5502_src_webapp_html_main.html (3)|658x338](upload://6sBqH314ThxNPCYcrXnanntYA4u.png)
</script>

지도 크기가 동적으로 변경되거나 모달 또는 탭처럼 display 속성이 변경되는 경우
지도 영역 계산을 위해 필요한 속성 값이 설정되기 전에 지도를 생성하면 지도가 깨지게 됩니다.
그래서 지도 스타일이 완전히 잡힌 후 약도를 생성해주셔야 합니다.

Open API는 relayout 기능으로 해결할 수 있지만
약도 만들기는 해당 기능은 제공하고 있지 않기 때문에
아래와 같이 setTimeout으로 약도 스크립트를 실행하거나

setTimeout(function() {
	new daum.roughmap.Lander({/*TODO: 약도 속성 첨부*/}).render();
}, 1000);

지도 창이 보이는 시점(버튼이 눌리는 시점)에 약도 스크립트를 최초 한 번 실행할 수 있도록 구현해주셔야 합니다.