Printable Area


Printable Area Button:


Print the Embed Gadget Printable area in a Google Site.

Useful for isolating a print area. 

eg.
  • Printing just an image or images
  • Just a location map
  • Printing specific text details

<form> <input onclick="window.print()" type="button" value="Print This Embed Gadget" /> 

<br><br><br><br><br><br>
Hidden Text/Image Content for Printing!

</form>



Print a Hidden Object - Large A4 Map

Set the Embed Gadget height to 50 pixels to hide objects/text below the Print button.

Print Small Map - printable gadget area:

The same method can be used for an normal Image , the map below is dynamically created image.


<form xmlns="http://www.w3.org/1999/xhtml"> 

<input onclick="window.print()" type="button" value="Print Small Map" /> 
<br><br><br>
<img alt="Google Static Map Embed" src="http://maps.google.com/maps/api/staticmap?center=Brooklyn+Bridge,New+York,NY&amp;zoom=14&amp;size=100x200&amp;maptype=roadmap&amp;markers=color:blue%7Clabel:S%7C40.702147,-74.015794&amp;markers=color:green%7Clabel:G%7C40.711614,-74.012318&amp;markers=color:red%7Ccolor:red%7Clabel:C%7C40.718217,-73.998284&amp;sensor=false">

</form>



Print Large Map - printable gadget area:

Standard A4 - 72 dpi (web) = 595 X 842 pixels.
Reduced Map Size to fit 1 print page.

<form xmlns="http://www.w3.org/1999/xhtml"> 

<input onclick="window.print()" type="button" value="Print Large Map" /> 
<br><br><br>
<img alt="Google Static Map Embed" src="http://maps.google.com/maps/api/staticmap?center=Brooklyn+Bridge,New+York,NY&amp;zoom=14&amp;size=500x800&amp;maptype=roadmap&amp;markers=color:blue%7Clabel:S%7C40.702147,-74.015794&amp;markers=color:green%7Clabel:G%7C40.711614,-74.012318&amp;markers=color:red%7Ccolor:red%7Clabel:C%7C40.718217,-73.998284&amp;sensor=false">

</form>