gpt4 book ai didi

google-chrome - Chrome 不会打印自定义 Google map (位于 div 内)

转载 作者:行者123 更新时间:2023-12-02 00:23:18 25 4
gpt4 key购买 nike

我的 Chrome 版本是 18.0.1025.142 m。

我使用 JS API 制作了这个 Google Map ,但 map 部分不会显示在 Chrome 的打印预览中,也不会实际打印在纸上。

然后我尝试shrink the map .现在,内容清楚地适合一页,并显示在 IE、FF 和 Opera 的打印预览中。所以大小不是问题。

我是否有任何非正统的 HTML 或 JS?有没有办法重写页面(也许添加正确的 CSS)以便在 Chrome 中打印?忽略大部分JS,这里无关紧要,这就是我写的(map_canvas div显示 map )

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<style type="text/css">
html { height: 100% }
body { height: 100%; margin: 0; padding: 0 }
#map_canvas { height: 67%; width: 30% }
</style>
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">
var map;
...
function initialize() {
geocoder = new google.maps.Geocoder();
map = new google.maps.Map(document.getElementById("map_canvas"),
mapOptions);
...
</script>
</head>
<body>
<div id="menu">
<b>address:</b>
<input id="text_address" type="text" size="60" onkeyup="checkReturn(event)">
<input id="check_sp" type="checkbox" checked="checked">SP
<input type="button" value="clear" onclick="document.getElementById('text_address').value=''; document.getElementById('text_address').focus()">
<input id="button3" type="button" value="clear markers" onclick="clearMarkers()">
</div>
<div id="map_canvas">
</div>

</body>
</html>

最佳答案

好吧,当适合页面时,打印似乎正在工作。因此,将其缩小到适合 A4 页面的大小就可以了 :) 给你:

<div id="map_canvas" style="width:800px; height:1000px;">

关于google-chrome - Chrome 不会打印自定义 Google map (位于 div 内),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9984824/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com