diff --git a/examples/export-map.html b/examples/export-map.html index 2f0a868b8c..67817501df 100644 --- a/examples/export-map.html +++ b/examples/export-map.html @@ -31,6 +31,10 @@
+ Export JPEG Export PNG
diff --git a/examples/export-map.js b/examples/export-map.js index cd3d87d9f3..365efaec6c 100644 --- a/examples/export-map.js +++ b/examples/export-map.js @@ -20,11 +20,20 @@ var map = new ol.Map({ }); var exportJPEGElement = document.getElementById('export-jpeg'); -exportJPEGElement.addEventListener('click', function(e) { - e.target.href = map.getRenderer().getCanvas().toDataURL('image/jpeg'); -}, false); - var exportPNGElement = document.getElementById('export-png'); -exportPNGElement.addEventListener('click', function(e) { - e.target.href = map.getRenderer().getCanvas().toDataURL('image/png'); -}, false); + +if ('download' in exportJPEGElement && 'download' in exportPNGElement) { + exportJPEGElement.addEventListener('click', function(e) { + e.target.href = map.getRenderer().getCanvas().toDataURL('image/jpeg'); + }, false); + + exportPNGElement.addEventListener('click', function(e) { + e.target.href = map.getRenderer().getCanvas().toDataURL('image/png'); + }, false); +} else { + var info = document.getElementById('no-download'); + /** + * display error message + */ + info.style.display = ''; +}