topic Re: Save map with graphics as image file in ArcGIS JavaScript Maps SDK Questions

Save map with graphics as image file

Udaya_BhaskerCheerala — Sun, 28 Apr 2013 10:57:21 GMT

Hello All,
We are using the 3.1 Javascript API for displaying map, and have created few grahphics on map. We want the user to be able to save the resultant display as a jpeg, ping, bmp or some such format.
If user right-click on the base map and 'Save Picture As', user gets the map without the graphics layer. But we need to show graphics on image.
Anyone know how we can make this work?

Thanks,
Uday

Re: Save map with graphics as image file

ShreyasVakil — Sat, 11 Dec 2021 09:13:31 GMT

I think you can use Print utility from ArcGIS Server 10.1 which has the capability to return the following Formats:
[ PDF, PNG32, PNG8, JPG, GIF, EPS, SVG, SVGZ ]

We have a Print Widget in JS API to use the capability of Print Utility from ArcGIS Server 10.1.

Code snippet:

   app.printer = new esri.dijit.Print({
          map: app.map,
          url: "http://sampleserver6.arcgisonline.com/arcgis/rest/services/Utilities/PrintingTools/GPServer/Export%20Web%20Map%20Task"
        }, dojo.byId("printButton"));
        app.printer.startup();

Here is the link to the sample which adds graphics and gets the resultant image in PNG32 format(You can change it to JPG).

Print class documentation.

Re: Save map with graphics as image file

Udaya_BhaskerCheerala — Sat, 11 Dec 2021 09:13:34 GMT

Hi,
Thankyou very much for the reply. But we are using ArcGIS Server 10.0, how could I achieve this in ArcGIS Server 10.0

Thanks,
Uday

I think you can use Print utility from ArcGIS Server 10.1 which has the capability to return the following Formats:
[ PDF, PNG32, PNG8, JPG, GIF, EPS, SVG, SVGZ ]

We have a Print Widget in JS API to use the capability of Print Utility from ArcGIS Server 10.1.

Code snippet:
   app.printer = new esri.dijit.Print({
          map: app.map,
          url: "http://sampleserver6.arcgisonline.com/arcgis/rest/services/Utilities/PrintingTools/GPServer/Export%20Web%20Map%20Task"
        }, dojo.byId("printButton"));
        app.printer.startup();
Here is the link to the sample which adds graphics and gets the resultant image in PNG32 format(You can change it to JPG).

Print class documentation.

Re: Save map with graphics as image file

AdrianMarsden — Tue, 30 Apr 2013 11:05:19 GMT

Hi

I have just asked a similar question (sorry, failed to find this thread)

My users are used to being able to right click to simply copy the image. True we can (as we are on 10.1) use a print task, but that is quite intensive and time consuming, simply copying the image the browser has already is almost instantaneous.

Cheers

ACM

Re: Save map with graphics as image file

fdsffdsf — Wed, 02 Apr 2014 02:02:32 GMT

thank you for the tutorials and sample codes up here, but can you tell me whether this is a good way to save image as jpeg file. i am new on this, any suggestions? thank you.