jquery - 谷歌地图不显示整个地图

Question

我的谷歌地图有问题..情况是，它不会加载整个地图，而只会加载地图的一部分，其余部分已经是空白了..可能是什么问题？...

这是代码..

<div id="map_addresses" class="map">
    <p>This will be replaced with the Google Map.</p>
</div>


$(function()
{

   $('#map_addresses').gMap({
        controls: {
        panControl: true,
        zoomControl: true,
        mapTypeControl: true,
        scaleControl: true,
        streetViewControl: true,
    },
        scrollwheel: true,
        zoom: 5,
         maptype: 'ROADMAP',
        markers:[
            {
                latitude: 10.318577,
                longitude: 123.908062,
                html: "Jinisys Software Inc. Sales Office"
            },
            {
                latitude: 10.324213,
                longitude: 123.911546,
                html: "Jinisys Software Inc. Main Office"
            }

        ]
    });
}

Answer 1

谷歌地图只能加载到可见的div. 此外，元素的widthandheight必须是固定的。地图不会调整 div 的大小。

尝试这个：

<style>
    .map{
        width:400px;
        height:400px;
    }
</style>

<div id="map_addresses" class="map">
    <p>This will be replaced with the Google Map.</p>
</div>