jQuery 탭이있는 Google지도 API

Question

Google지도를 jQuery 탭과 함께 구현하고 있지만 적절한 표시를 얻지 못했습니다.

나는이 코드를 사용하여 탭 ID를 클릭하여지도를 다시 열어 보았습니다.

<script type="text/javascript"> 
    jQuery.noConflict(); 
    jQuery(document).ready(function() { 
     jQuery("#tab6").click(function() { 
      google.maps.event.trigger('location-canvas', 'resize'); 
      map.setCenter(bounds.getCenter()); 
      map.setZoom(16); 
     }); 
    }); 
</script> 

그러나 작동하지 않았습니다. Simple jQuery Responsive Tabs Interface Plugin - jQueryTab

을 내 JSFiddle은 다음과 같습니다 :

나는이 탭 스크립트를 사용하고 Code

나는 당신이 나를 인도하는 경우 감사하고 내가이 문제를 해결하는 데 도움이됩니다.

감사합니다.

Answer 1

1. 당신은 문자열 무엇 'location-canvas'에 대한 이벤트를 트리거, 당신은 인수

2. 크기 조정 이벤트는 온 클릭의 after -method를 사용, 너무 일찍있을 수 있습니다 트리거로 google.maps.Map -instance를 제공해야합니다 대신 플러그인.

   after: function(){if($(this).text()==='Google Map'){ 
       //map must be the google.maps.Map-instance and available here 
       center=map.getCenter(); 
       google.maps.event.trigger(map,'resize'); 
       map.setCenter(center);            
   }} 
   

데모 : http://jsfiddle.net/doktormolle/xzVpW/

참고 : -variable map은 후 메서드 내 사용할 수 없습니다. 수정 된 바이올린에서 인스턴스를 내부에 저장했습니다. $('#location-canvas').data