谷歌地图的画布越来越空白

Question

我想打印的谷歌地图画布是一个引导面板就像里面如下：

<div class="panel panel-default"> 
    <div class="panel-body"> 
     <div id="map">...</div> 
    </div> 
</div> 

我想在打印一个简单的方法，只需按CTRL + P。但在打印可视化框中，地图是空白的。会发生什么？

一些图片：

在

页

在打印对话框

Answer 1

通过从引导CSS的@media print部分我已经发现有选择地去除各种线，我的地图回来的时候我删除img {max-width...}行：

@media print { //...there's other stuff above here img { max-width: 100% !important; } //...there's other stuff below here }

您还可以覆盖这个效果（VS从BS代码删除）加入其中已经导入引导之下某处以下：

@media print { img { max-width: none !important; } }

请注意，我在上面的代码示例中使用了Sass;我在一个Rails项目中，所以我通过bootstrap-sass gem来查看BS代码。等效的Less或Vanilla CSS应该很容易实现。

非常多的仍然在这个工作，看看它是否真的是一个修复和/或如果这种变化有附带损害......可能希望将此隔离到div包含您的地图或其他东西。

编辑：看起来这条线实际上来自取自HTML5Boilerplate项目的代码，该项目包含在Bootstrap中。我已经在H5BP项目上创建了一个最小化的演示页面和关于此的页面。

更新2016年7月21日：此修复程序为slated for inclusion with BS 4。

Answer 2

画布的宽度过大。我设定了一个限制，它工作。