Chrome не будет печатать пользовательскую карту Google (которая находится внутри div) - PullRequest
3 голосов
/ 03 апреля 2012

Моя версия Chrome - 18.0.1025.142 m.

Я использовал JS API для создания Google Map , но часть карты не будет отображаться в предварительном просмотре Chrome или фактически печататься на бумаге.

Тогда я попытался сжать карту .Теперь содержимое четко помещается на одной странице и отображается в окне предварительного просмотра для IE, FF и Opera.Так что размер не проблема.

Есть ли у меня неортодоксальный HTML или JS?Есть ли способ переписать страницу (возможно, добавив правильный CSS), чтобы она печаталась в Chrome?Игнорирование большей части JS, что здесь не имеет значения, это то, что я написал (div map_canvas отображает карту)

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

1 Ответ

3 голосов
/ 20 апреля 2012

Ну, кажется, что печать работает, когда подходит к странице.Таким образом, уменьшите его до размера, чтобы он вполне уместился на странице А4, и вы хорошо :) Вот вам:

<div id="map_canvas" style="width:800px; height:1000px;">
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...