title: Why won't Google Map API V3 canvas print when I print a webpage?
body: <p>Thanks in advance for any help you can provide! I created a map tool that seems to work well; I get a map, a draggable route, multiple waypoints, and a complete, dynamic directions_panel. I want users to be able to print this webpage and get the map_canvas and the directions_panel. In testing, the print preview used to include the map_canvas, but somewhere along the way, the map_canvas stopped appearing when I print the webpage. How can I get it to show up when I print?</p>
  
  <p>Here's my HTML.</p>
  
  <pre><code>&lt;div id="map-route-page"&gt;
  &lt;div id="map_canvas"&gt;&lt;/div&gt;
  &lt;div class="clear"&gt;&lt;/div&gt;
  &lt;div class="map-buttons"&gt;
  &lt;input type="submit" id="showform" value="Edit Map"&gt;
  &lt;a href="javascript:if(window.print)window.print()"&gt;&lt;input type="submit" id="printpage" value="Print this Page"&gt;&lt;/a&gt;
  &lt;/div&gt;
  &lt;div class="clear"&gt;&lt;/div&gt;
  &lt;div id="directions_panel"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Update: Messing around with the CSS, I found that the map becomes printable if I remove the "position:relative" and "-webkit-transform: translateZ(0);" from the #map_canvas. Unfortunately, this makes the whole printed page look strange (map is too large and out of position.) Is there another tag or CSS I should add to fix this?</p>