css - 如何在 "print"模式下查看谷歌地图？

Question

我正在使用 Google Maps API v2，我希望能够像 Google 在其 map 页面上那样打印 map 。

您可以单击小打印机图标，它会创建一个包含相同 map 的新弹出窗口，但所有不可打印的内容(如控件)都会被删除。我知道当您在导航器中点击“打印预览”或“打印”时，他们使用 @media print 来实现这种效果。但是，弹出窗口未处于打印模式。

有没有什么办法可以实现他们正在做的魔术，比如将当前媒体类型设置为“打印”？或者他们作弊并设置自定义 CSS 样式作弊？

我在同一页面上有一个 Silverlight 插件和一个 Google map ，我希望能够创建一个弹出窗口，其中仅包含准备打印的 map (就像 Google 所做的那样)。

感谢http://abcoder.com/google/google-map-api/print-button-for-google-map-api/我知道如何获取 HTML 内容，但我只能获取包含所有控件等的内容(我不想要)。

我们将不胜感激。

Answer 1

Google map 将类 gmnoprint 放在他们不想打印的所有元素上.. 所以在打印 css 文件或弹出窗口中将其设置为 display:none将隐藏它们..

.gmnoprint{
  display:none;
}

当然，这会隐藏任何 google 认为不可打印的内容。如果你想选择其他元素，你将不得不以某种方式解析它们的 html 代码:(