topic Re: How can I take a screenshot of a web page that contains an ESRI MapView? in ArcGIS JavaScript Maps SDK Questions

How can I take a screenshot of a web page that contains an ESRI MapView?

JordanWright — Thu, 05 Dec 2019 16:48:22 GMT

I am trying to take a screenshot of a specific section of a web page that contains an ESRI MapView. That MapView contains a FeatureLayer with features built locally on the client side. I have tried using html2canvas, and everything on the page renders correctly, including rendering the map container, but the actual map data does not appear. The Zoom UI tool and the attribution both show up correctly, but the map is just an empty gray box. I have tried running html2canvas with both 'allowTaint: true' and 'useCORS: true', but neither makes a difference.

Has anyone had luck taking a screenshot of a page with an ESRI map embedded in it using html2canvas or any other tool?

I am using the Arcgis JS API version 4.12

Re: How can I take a screenshot of a web page that contains an ESRI MapView?

RobertScheitlin__GISP — Thu, 05 Dec 2019 17:53:44 GMT

Jordan,

Why are you not using the builtin screenshot method in the API?

https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html#takeScreenshot

Re: How can I take a screenshot of a web page that contains an ESRI MapView?

JordanWright — Thu, 05 Dec 2019 18:15:47 GMT

Hey Robert!

I am trying to take a screenshot of an entire web page, not just the map. As far as I can tell the screenshot method in the API only takes a screenshot of the specified MapView/SceneView. My page has some tables, text, and other images that I want to be in the same screenshot as the map itself. The screenshot needs to include the map and other elements on the page.

Re: How can I take a screenshot of a web page that contains an ESRI MapView?

RobertScheitlin__GISP — Thu, 05 Dec 2019 18:33:27 GMT

Jordan,

OK. So you can possibly combine the two then.

Re: How can I take a screenshot of a web page that contains an ESRI MapView?

KellyHutchins — Sun, 08 Dec 2019 19:55:40 GMT

Take a look at the screenshot widget available in the Esri GitHub repo.

GitHub - Esri/screenshot-widget: Screenshot widget that captures screenshot images of map extent, a map legend, and/or p…

This widget combines the use of html2canvas with screenshot to print the legend, popup and view.