Html2canvas cannot render map in OpenLayers 3
Geographic Information Systems Asked by Koba on August 8, 2020
I’m using OL3 and the last version of Html2Canvas (1.0.0-rc.5). When I try to make a PNG screenshot of the div that embed the map it seems that the map itself is blank. Also the feature, that are located on my map, are not drawn on the PNG produced by Html2Canvas.
html2canvas($('#mapDiv')[0]).then(function (canvas) {
var img = canvas.toDataURL('image/png');
var html = '<html><head><title>' + textHead + '</title></head>';
html += '<body style="width: 100%; padding: 0; margin: 0;"';
html += ' onload="window.focus(); window.print(); window.close()">';
html += '<img src="' + img + '" width="800" /></body></html>';
var w = window.open();
w.document.open();
w.document.write(html);
w.document.close();
});
One Answer
User Mike answered the question:
That happens if your map canvas is tainted. You may need to specify crossOrigin: 'anonymous' in tile and image layer sources.
Now, also the features are shown on the PNG image.
Correct answer by Koba on August 8, 2020
Add your own answers!
Ask a Question
Get help from others!
Recent Answers
- Jon Church on Why fry rice before boiling?
- Peter Machado on Why fry rice before boiling?
- Joshua Engel on Why fry rice before boiling?
- Lex on Does Google Analytics track 404 page responses as valid page views?
- haakon.io on Why fry rice before boiling?
Recent Questions
- How can I transform graph image into a tikzpicture LaTeX code?
- How Do I Get The Ifruit App Off Of Gta 5 / Grand Theft Auto 5
- Iv’e designed a space elevator using a series of lasers. do you know anybody i could submit the designs too that could manufacture the concept and put it to use
- Need help finding a book. Female OP protagonist, magic
- Why is the WWF pending games (“Your turn”) area replaced w/ a column of “Bonus & Reward”gift boxes?