为什么我的谷歌地图调整大小不起作用,而不是地图中心

时间:2013-09-09 13:31:05

标签: jquery google-maps-api-3 resize colorbox

我首先尝试将谷歌地图放入一个小方框中,当用户点击一个按钮时,它会显示一个包含完整地图控制器的更大地图。我使用颜色盒来产生效果。问题是,当较大的地图显示时,右边和下边都有空的地块,地图没有正确居中。         map.setCenter(mapcenter); 请看http://jsfiddle.net/TX94H/2/。 如果您需要彩盒信息,请访问:http://www.jacklmoore.com/colorbox/

请帮忙,我绝望了!

1 个答案:

答案 0 :(得分:1)

您需要在地图上触发“调整大小”事件:

google.maps.event.trigger(map, "resize");

为了确保在显示地图后发生调整大小,我使用了这个:

setTimeout('google.maps.event.trigger(map, "resize");', 500);

可能有一种更好的方法,你应该检查你的颜色框库是否在显示框之后触发事件(请参阅下面的评论,我找到了解决方案)。

检查出来:

Demo on fiddle