Google Mapの地図の一部が表示されない、灰色に表示されてしまう時

投稿者: | 2011年3月31日

javascriptを使って折り畳まれているエリアやタブを使って選択されていない(最初は非表示)の部分にGoogle Mapの地図を設置した場合、地図の中心座標がずれたり、Google Mapの地図の一部が灰色になった状態になりGoogle Mapの地図が一部しか表示されない場合がある。
その場合、GMap2のオプション指定でサイズを指定することでちゃんと表示されるようになる。

【一部が灰色になる例】

if(GBrowserIsCompatible()){
    var map = new GMap2(document.getElementById("map"));
    map.setCenter(new GLatLng(35.689735,139.700535), 17);
    addMakers(35.689735,139.700535,"Soup Stock Tokyoルミネ新宿店");
}

【きちんと(地図が全部)表示される】

if(GBrowserIsCompatible()){
    var map = new GMap2(document.getElementById("map"), {size:new GSize(300,200)});
    map.setCenter(new GLatLng(35.689735,139.700535), 17);
    addMakers(35.689735,139.700535,"Soup Stock Tokyoルミネ新宿店");
}