jquery 아코디언을 사용하면 googleMap의 대부분을 숨김

Question

2 탭이 달린 아코디언 위젯이 있습니다. 각각에는 Google지도가 있습니다. 첫 번째지도가 올바르게 표시되지만 두 번째지도를 열면지도의 일부만 뷰포트에 나타납니다.

다음 코드를 주석 처리하여 위젯을 제거하면 두 맵이 모두 올바르게 표시됩니다.

$("#accordion").accordion({ 
     header: "h3", fillSpace: true, event: "mouseover" 
    }); 

지도를 올바르게 표시하면서 어떻게이 위젯을 사용할 수 있습니까?

코드를 얻으려면 http://forums.asp.net/t/1780781.aspx/1?using+jquery+accordion+hides+most+of+googleMap을 확인하십시오. 코드를 얻으려면이 사이트에 게시하는 것이 좋습니다.

감사합니다.

Answer 1

아코디언의 변경 이벤트를 관찰하고지도가 실행될 때지도의 크기 조정 이벤트를 트리거해야합니다.

예 : http://jsfiddle.net/doktormolle/VqzPE/

예는 아코디언 컨텐츠의 데이터 내부의지도를 저장, 그래서 당신은 할 수있다 쉽게 접근을 할 때 변화가 발생합니다.