topic Re: Print widget generates blank output without error in ArcGIS JavaScript Maps SDK Questions

Print widget generates blank output without error

SamuelAG — Tue, 30 Apr 2024 19:22:37 GMT

Hello,

I am new to ArcGIS JavaScript API and trying to migrate from 3.X to 4.X. Have some problems with the print service in 4.X.

Try to add a MapImageLayer (esri/layers/MapImageLayer) into a Map (esri/Map) object then print into an image with this print API https://developers.arcgis.com/javascript/latest/api-reference/esri-rest-print.html . However I always got blank output image file without any http errors. However, if I create the Map object with basemap like:

new Map({basemap: "topo-vector"});

then it can print something out. I tried the following code with the ArcGIS online sample website (https://developers.arcgis.com/javascript/latest/sample-code/sandbox/?sample=widgets-print) which uses print widget and got same blank output.

Is there anything wrong with the code or miss anything? Any suggestions would be great.

Thanks a lot.

#########################Online testing code#########################

<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no" />
<title>Print widget | Sample | ArcGIS Maps SDK for JavaScript 4.29</title>
<link rel="stylesheet" href="https://js.arcgis.com/4.29/esri/themes/light/main.css" />

view.when(() => {
const print = new Print({
view: view,
// specify your own print service
printServiceUrl:
"https://utility.arcgisonline.com/arcgis/rest/services/Utilities/PrintingTools/GPServer/Export%20Web%20Map%20Task"
});

// Add widget to the top right corner of the view
view.ui.add(print, "top-right");
});
});
</script>
</head>

Re: Print widget generates blank output without error

MatthewDriscoll — Wed, 01 May 2024 14:27:08 GMT

Not sure exactly why it's not working.

However, I switched the MapImageLayer to TileLayer and it work. Perhaps the large MapImageLayer is not rendering fast enough during the print/export? A TileLayer will use a cache in order to render faster.

Re: Print widget generates blank output without error

SamuelAG — Wed, 01 May 2024 15:41:39 GMT

Hi Matthew,

Thanks a lot for your reply. Much appreciated for your thoughts! That is a good catch about cache difference between two types of layers. Maybe that is an alternative before MapImageLayer can be printed properly in future.

Just repost the working version of the same print code below for others' reference in case encountering the similar issue.

#########################Online testing code#########################

<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no" />
<title>Print widget | Sample | ArcGIS Maps SDK for JavaScript 4.28</title>
<link rel="stylesheet" href="https://js.arcgis.com/4.28/esri/themes/light/main.css" />

// Add widget to the top right corner of the view
view.ui.add(print, "top-right");
});
});
</script>
</head>