Печать карты Google Map на сайте

Обсуждение вопросов клиентского программирования.

Модератор: Duncon

Ответить
Некит
Сообщения: 1
Зарегистрирован: 07 июн 2017, 18:24

07 июн 2017, 18:34

У меня есть 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;}
}
Аватара пользователя
Duncon
Сообщения: 1974
Зарегистрирован: 10 окт 2004, 14:11
Откуда: Питер
Контактная информация:

14 июн 2017, 12:32

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