打印谷歌地图时奇怪的空白空间

时间:2012-11-26 04:15:14

标签: jquery google-maps google-maps-api-3 twitter-bootstrap

我正在为我自愿参加的当地小联盟重建自定义团队资格检查程序,虽然还有很长的路要走,但我还是想让打印工作。

代码仍然相当草率我会承认但是一切都正常显示在屏幕上。当我真正去文件 - >打印时,一个奇怪的水平空白区域出现在地图下方大约四分之一处,如http://rowast.com/bootstrap/template/map-2.php?type=roster所示。

要复制错误,只需点击“Lakewood Village 9-10 All Stars”,然后点击打印图标。

我已经调查了我自己的代码以及谷歌的地图标记,并且没有弹出任何内容来指示出现此错误的原因,尤其是为什么它只在打印时才出现。

错误的出现取决于您所使用的浏览器,并且代码在IE中根本不起作用。

如果有人知道最新情况,请提前致谢。

1 个答案:

答案 0 :(得分:0)

这是一个CSS问题。

我完全不明白你的css,但这些课程 - .container.map-whole #map.map-map.win-firefox .container.map-whole #map.map-map, .mac-firefox .container.map-whole #map.map-map

指定了height: 1119px !important;

当您打开地图的打印页面时,此高度值会被继承,因此实际地图仅保留在您提供的649px高度中,剩余的470px显示为空的空间。