Developing.ru

У меня есть google map на сайте. Как сделать так, чтобы можно было распечатать именно карту , а не целую страницу? Имеется небольшой скрипт, но увы, на демонстративной странице перед печатью отображается только текст. Пытался задать стили в @media - не помогло
JS:
function printDiv() {
var divToPrint=document.getElementById('areaToPrint');
newWin= window.open("");
newWin.document.write(divToPrint.outerHTML);
newWin.print();
newWin.close();
}
HTML:
<a onclick="printDiv();" title="Распечатать карту">Распечатать</a>
<div id="areaToPrint">
Lorem ipsum dolor sit amet.
<div id="map-canvas"></div>
</div>
@media print {
body{margin:0.5in;font-family:times}
#map-canvas{width:400px;height:400px;}
}

Народ в интернете создаёт через js окно и туда передаёт содержимое блока и отдаёт на печать (ищи в поиске: распечатать отдельный элемент на странице).. Но я бы поступил по другому, вставил бы просто CSS в head или можно подключить дополнительный CSS, а внутри уже идёт @media print в котором скрыты все элементы кроме этого.. Ещё вариант просто скриптом скрыть все элементы кроме этого и парентов и отдать на печать..