css – 如何以“打印”模式查看Google地图?

前端之家收集整理的这篇文章主要介绍了css – 如何以“打印”模式查看Google地图?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用Google Maps API v2,我希望能够像Google在其地图页面上一样打印地图.

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

有没有办法做他们正在做的魔术,比如将当前媒体类型设置为“打印”?或者他们欺骗和设置自定义CSS样式作弊?

我在同一页面上有一个Silverlight插件和一个谷歌地图,我希望能够创建一个弹出窗口,其中只包含准备打印的地图(就像Google正在做的那样).

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

任何帮助将不胜感激.

解决方法

谷歌地图将一个类gmnoprint放在他们不想打印的所有元素上..所以在打印css文件或弹出窗口中将其设置为display:none将隐藏它们.
.gmnoprint{
  display:none;
}

当然,这将隐藏谷歌认为不打印的任何内容..如果你想选择其他项目,你将不得不以某种方式解析他们的HTML代码:(

原文链接:https://www.f2er.com/css/242173.html

猜你在找的CSS相关文章