Use dom-to-image-more library in export-map

This commit is contained in:
Frederic Junod
2018-11-12 21:17:24 +01:00
parent 04077675e1
commit d02730abc1
3 changed files with 11 additions and 12 deletions

View File

@@ -24,15 +24,13 @@ const map = new Map({
});
document.getElementById('export-png').addEventListener('click', function() {
map.once('rendercomplete', function(event) {
const canvas = event.context.canvas;
if (navigator.msSaveBlob) {
navigator.msSaveBlob(canvas.msToBlob(), 'map.png');
} else {
canvas.toBlob(function(blob) {
saveAs(blob, 'map.png');
map.once('rendercomplete', function() {
domtoimage.toPng(map.getViewport())
.then(function(dataURL) {
const link = document.getElementById('image-download');
link.href = dataURL;
link.click();
});
}
});
map.renderSync();
});