我首先尝试将谷歌地图放入一个小方框中,当用户点击一个按钮时,它会显示一个包含完整地图控制器的更大地图。我使用颜色盒来产生效果。问题是,当较大的地图显示时,右边和下边都有空的地块,地图没有正确居中。
map.setCenter(mapcenter);
请看http://jsfiddle.net/TX94H/2/。
如果您需要彩盒信息,请访问:http://www.jacklmoore.com/colorbox/
请帮忙,我绝望了!
答案 0 :(得分:1)
您需要在地图上触发“调整大小”事件:
google.maps.event.trigger(map, "resize");
为了确保在显示地图后发生调整大小,我使用了这个:
setTimeout('google.maps.event.trigger(map, "resize");', 500);
可能有一种更好的方法,你应该检查你的颜色框库是否在显示框之后触发事件(请参阅下面的评论,我找到了解决方案)。
检查出来: