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

标签 css google-maps

我正在使用 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 内容,但我只能获取包含所有控件等的内容(我不想要)。

我们将不胜感激。

最佳答案

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

.gmnoprint{
  display:none;
}

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

关于css - 如何在 "print"模式下查看谷歌地图?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2192696/

相关文章:

html - 如何从表格 html 设计中删除无用的空间

html - CSS float 顺序不符合预期。为什么?

javascript - PHP MySQL 中的地理编码动态标记

html - 列表样式图像未显示为 li

javascript - Tailwind 全局使用本地文件中的字体

css - Zurb Foundation Canvas 外和可见性

java - JSON 解析为 ArrayList。如何让它在 onPostExecute 中重复多个 map 标记的数据?

javascript - 谷歌地图事件对象的元素列表后缺少]

php - PHP变量中的地址,没有Javascript的谷歌地图嵌入?

javascript - 将坐标字符串转换为谷歌地图 API v3 的纬度长数组,返回经度为 0