【问题标题】:Weird empty space when printing a google map打印谷歌地图时出现奇怪的空白
【发布时间】:2012-11-13 13:24:29
【问题描述】:

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

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

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

我调查了我自己的代码以及 google 的地图标记,但没有弹出任何信息表明为什么会发生此错误,尤其是为什么它只在打印时发生。

根据您使用的浏览器,错误发生的方式不同,并且代码在 IE 中根本不起作用。

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

【问题讨论】:

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


    【解决方案1】:

    这是一个 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 显示为空白区域。

    【讨论】:

    • 也许 firefox 没有触发地图调整大小事件,但这个 link 是它在 chrome(在 Mac 上)打印时的显示方式。当我努力让事情正确打印时,代码变得混乱和陷入困境......
    • 我尝试为地图的父 div 设置 100% 高度,包括 body 和 html,空间还在。我做了类似这篇文章来打印谷歌地图。 stackoverflow.com/questions/13050215/…。你能告诉我如何摆脱地图打印预览中的空白空间吗?
    猜你喜欢
    • 2023-02-07
    • 1970-01-01
    • 2019-05-23
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-04-26
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多