Google Map API 3 - 打印预览中隐藏地图 div 的问题

Question

当我的页面加载时，我在隐藏的 div 中有一个谷歌地图 (API 3)。如果我将地图上的 CSS 设置为 display:block 我会遇到地图没有填充地图容器内的完整区域的常见问题。这不是网站本身的问题，因为单击“显示地图”后，我调用了 google.maps.event.trigger(map, 'resize');这样可以正确显示地图。

但是我的问题出现在打印预览中。除非在用户选择打印预览之前点击了“显示地图”，否则打印预览中的地图将像加载页面时一样显示，即不适合容器的边界。

谁能建议解决这个问题？

Answer 1

您可以设置一个打印按钮，单击它会打开一个新页面，其中包含新的 css 以适应 8.5x11 的工作表。您还可以在此页面中使用静态地图，这样它们就不会得到缩放栏等。

很多页面在收据上使用打印按钮，因为直接打印网页非常困难。