살다

jqueryUI tab에 구글맵 삽입시 유의점 본문

프로그래밍

jqueryUI tab에 구글맵 삽입시 유의점

텅스텐필름 2010. 12. 30. 17:58

jqueryUI tab 안에 구글 맵을 삽입하면 이상하게도 가로 사이즈가 특정 부분부터 짤려서 늘어나질 않는다 -ㅅ-;;;

원인은 맵 초기화 함수의 호출 위치~!

보통 body onload 나 $(function(){}); 안에 위치시키는 구글맵 초기화 함수를

tab load 혹은 show 되어 질때 호출 하면 문제는 깔끔하게 해결된다.


[code]
$("#google-map-tab").tabs({
    show: function(event, ui) {
   google_map_initialize(); //map initialize   
    }
});
[/code]

참조 :

Google Maps JavaScript API V3 : 데스크톱 및 휴대기기용 지도 애플리케이션을 위한 솔루션
http://code.google.com/intl/ko-KR/apis/maps/documentation/javascript/

jQueryUI : jquery ui
http://jqueryui.com/

반응형