jquery - 为什么我的谷歌地图调整大小不起作用，并且没有使地图居中

Question

我试着先把谷歌地图放到一个小盒子里，当用户点击一个按钮时，它会显示一个带有完整地图控制器的更大地图。我使用颜色框来制作效果。问题是，当更大的地图显示时，左右都有空的瓷砖，地图没有正确居中。 map.setCenter(mapcenter); 请查看http://jsfiddle.net/TX94H/2/。如果您需要彩盒信息，请访问：http ://www.jacklmoore.com/colorbox/

请帮忙，我很绝望！

Answer 1

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

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

为了确保在显示地图后调整大小，我使用了这个：

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

可能有更好的方法，您应该在显示框后检查您的颜色框库是否正在触发事件（请参阅下面的评论，我找到了解决方案）。

一探究竟：

小提琴演示