распечатать гугл карты v3

Question

Я пытаюсь создать кнопку, которая будет печатать карту Google, встроенную в веб-страницу

см. Код:

function print(){


var contents = window.opener.document.getElementById("map_canvas"); 
document.write(contents.innerHTML); 
window.print(); 

}

это div, в котором хранится моя карта

<div id="map_canvas" style="width:800px; height:500px;"></div>  

и это кнопка печати

<input type="button" value="Print" onclick="print()">

Когда я нажимаю кнопку печати, я получаю сообщение об ошибке «window.opener is null».Какой правильный код для печати карты?

Answer 1

window.opener возвращает ссылку на окно, которое создало окно. Здесь не нужен window.opener, так как вы не создали никаких новых окон.

Непосредственно используйте window.document.getElementById.

Попробуйте это:

function print(){
    var contents = window.document.getElementById("map_canvas"); 
    document.write(contents.innerHTML); 
    window.print(); 
    }

Answer 2

var content = window.document.getElementById("map-canvas"); // get you map details
var newWindow = window.open(); // open a new window
newWindow.document.write(content.innerHTML); // write the map into the new window
newWindow.print(); // print the new window

Answer 3

Проверьте, есть ли у DIV, которые содержат карту в главном окне, div с id = "map_canvas"