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

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ルミネ新宿店");
}
 

デジタルゲートがお手伝い

ホームページをリニューアルしたい、スマホ対応にしたい、デザインそのままで機能だけ追加したい、更新だけ代行して欲しい。サイトを運営したいけど誰に相談したらいいか分からない。そんな時はお気軽にお問い合わせください。

スポンサーリンク