0

私はグーグルマップに問題があります..ケースは、マップ全体をロードせず、マップの一部のみをロードし、残りはすでに空白になっています..何が問題である可能性がありますか？..

これがコードです。

<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"
            }

        ]
    });
}
4

1 に答える 1

2

Google マップは、表示されている にのみロードできます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>
于 2012-12-19T04:13:26.600 に答える