从没有控件的谷歌地图打印地图
Posted
技术标签:
【中文标题】从没有控件的谷歌地图打印地图【英文标题】：Printing map from google maps without controls 【发布时间】：2011-06-12 00:36:34 【问题描述】：我正在使用谷歌地图 api v2。当我去打印地图时，控件显示在打印输出上。如何设置 GLargeMapControl 和 GMapTypeControl 不打印？
我在 API 中看到有一个 GControl Printable 构造函数，但找不到任何有关其用法的信息。
我尝试过使用这两个功能：
函数 Clickheretoprint() var disp_setting="toolbar=no,location=no,directories=no,menubar=no,"; disp_setting+="滚动条=no,width=650, 高度=600，左侧=100，顶部=25"； var content_vlue = document.getElementById("gm").innerhtml;
var docprint=window.open("","",disp_setting); docprint.document.open(); docprint.document.write('<html><head><title>Inel电力系统');
docprint.document.write('</head><bodyclass="gmnoprint 打印" onLoad="window.print();window.close()">'); docprint.document.write(content_vlue); docprint.document.write(''); docprint.document.close(); docprint.focus();
和
函数 ClickHereToPrint() 尝试
var oIframe =document.getElementById('ifrmPrint'); var o内容 = document.getElementById('gm').innerHTML; var oDoc = (oIframe.contentWindow || oIframe.contentDocument);如果 (oDoc.document) oDoc = oDoc.document; oDoc.write("title"); oDoc.write(""); oDoc.write(oContent + ""); oDoc.close();
捕捉(e)
self.print();
在我的 HTML 页面中：
var 纬度，经度，init_zoom； 纬度 = 44.9647979303; lon = -99.84375; init_zoom = 3; 谷歌地图打印测试
<script type="text/javascript" src="mapscripts.js"></script> </head>
打印
<div id="bottomDiv" class="clsBottomDiv" align="left"> <table> <tr> <td> Search for Address: <form onSubmit="return Geocode()"> <input id="search" type="text" size="60"/>
</tr> </table> </div> </td> </tr> </table> </div> </body> </html>
我也尝试给 iframe 一个 gmnoprint 类，但没有成功。
【问题讨论】：
【参考方案1】：只需使用打印样式表 :)
You can read all about it here
Google 已经为您提供了方便，只需针对“gmnoprint”类，您就可以摆脱所有这些东西 :)
如果您不想要额外的打印样式表，您可以将此规则添加到现有样式表中：
@media print
.gmnoprint display: none;
或将其内联到您的页面中：
<style>
@media print
.gmnoprint display: none;
</style>
【讨论】：
你的测试页对我来说很好，并且不打印覆盖 - 你使用什么浏览器？ 当我从浏览器菜单栏打印页面时，它打印得很好..但是当我通过 javascript 尝试时（点击页面上的“打印”一词）它没有.. 这应该告诉你问题是你的javascript打印实现，而不是打印样式表:)以上是关于从没有控件的谷歌地图打印地图的主要内容，如果未能解决你的问题，请参考以下文章