0

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();

});

});
4

1 に答える 1

0

マップのコンテナーのdivサイズが変更されたら、マップ上でトリガーする必要がありresizeます -

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

リファレンスの Map オブジェクトのイベント セクションを参照してください。

于 2013-10-13T06:21:25.587 に答える