Question

我的Chrome版本为18.0.1025.142米。

我使用JS API制作此Google Map，但地图部分不会显示在Chrome的“打印预览”中或实际打印在纸上。

然后我尝试shrink the map。现在，内容显然适合一页，并显示在IE，FF和Opera的打印预览中。所以尺寸不是问题。

我有任何非正统的HTML或JS吗？有没有办法重写页面（可能添加正确的CSS），因此它将在Chrome中打印？忽略大部分JS，这与我无关，这就是我写的（map_canvas div显示地图）

<!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>

Answer 1

嗯，似乎打印适合页面时正在工作。因此，将它缩小到适合A4页面的尺寸并且你很好:)你在这里：

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

Chrome不会打印自定义Google地图（位于div内）

1 个答案: