为什么我的谷歌地图大小调整不起作用,并且没有将地图居中

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

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

为了确保在地图显示后进行调整大小,我使用了以下方法:

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

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

过来看:

Demo on fiddle