2013-10-12 3 views
0

У меня возникли проблемы с отображением карты, когда ее вкладки в JQuery. Вместо того, чтобы видеть полную карту, я вижу только ее небольшую часть.google map с вкладками 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> 

Tab код:

$(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

Смежные вопросы