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 回答