2013-10-12 228 views
0

我有問題要顯示地圖時,其內部的JQuery選項卡。 而不是看到完整的地圖,我只看到它的一小部分。谷歌地圖與jQuery的標籤

我試圖在沒有任何運氣的情況下關注另一篇文章。

我該如何解決這個問題?

感謝

地圖代碼:

<div id="content_4" class="tab_block"> 

    <?PHP 

     $pins .= " 
       { 
        address: '$address', 
         html: { 
         content: '<div>$fullName</div>', 
         popup: true, 
        } 
       }, 
       "; 

    ?> 
    <style> 
     #map { 
      height: 600px; 
      width: 600px; 
      display: block; 
      text-align: center; 
     } 
    </style>    
    <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script> 
    <script src="js/maps/jquery.gomap-1.3.2.min.js"></script> 
    <script> 
     $(function() { 
      $("#map").goMap({ 
      markers: [ 
       <?PHP echo $pins ?> 

      ], 
      maptype: 'ROADMAP' , //maptype: HYBRID, ROADMAP, SATELLITE, TERRAIN 
      zoom: 11, 
      }); 
     }); 
    </script> 

    <div id='map'></div> 

</div> 

標籤代碼:

$(document).ready(function(){ 

// When a link is clicked 
$("a.tab").click(function() { 


    // switch all tabs off 
    $(".active").removeClass("active"); 

    // switch this tab on 
    $(this).addClass("active"); 

    // slide all content up 
    $(".tab_block").slideUp(); 

    // slide this content up 
    var content_show = $(this).attr("title"); 
    $("#"+content_show).slideDown(); 

}); 

}); 

回答

0

在地圖上的集裝箱div變化大小,你必須觸發地圖上的resize -

google.maps.event.trigger(map, 'resize') 

請參閱reference的地圖對象的事件部分