Jquery 打印谷歌地图时出现奇怪的空白

我正在为我志愿参加的当地小联盟重建一个定制的团队资格检查程序，虽然它还有很长的路要走，但我正在努力让打印工作正常进行

我承认这段代码仍然很草率，但一切都正确地显示在屏幕上。当我实际进入文件->打印时，一个奇怪的水平空白出现在地图下方大约四分之一的地方，如图所示

要复制错误，只需单击“莱克伍德村9-10全明星”，然后单击打印图标

我已经调查了我自己的代码以及谷歌的地图标记，没有弹出任何东西来说明为什么会发生这个错误，特别是为什么它只在打印时发生

根据您所处的浏览器，错误的发生方式有所不同，并且代码在IE中根本不起作用

如果有人知道发生了什么事，请提前感谢。

这是CSS问题

我完全不理解你的css，但是这些类-

.container.map-whole#map.map

和

.win firefox.container.map-whole#map.map-map.mac firefox.container.map-whole#map.map

拥有

高度：1119px！重要的已指定

当您打开地图的打印页面时，将继承此高度值，因此，实际地图仅保留在您给定的高度
649px
中，剩余的
470px
显示为空白
 也许firefox没有触发地图调整事件，但这就是它在chrome（mac）上打印时的显示方式。当我努力使内容正确打印时，代码变得凌乱和陷入困境……我尝试为地图的父div（包括body和html）设置100%的高度，空间仍然存在。我做了类似于这篇文章的工作来打印谷歌地图。你能告诉我怎样才能去掉地图打印预览中的空白吗。。