topic Re: How to request a single PNG/JPG image for a layered map using the JS API in ArcGIS JavaScript Maps SDK Questions

How to request a single PNG/JPG image for a layered map using the JS API

AndrewBoland — Wed, 16 Nov 2016 16:02:26 GMT

I need to generate some map images for use in a web application, using the Nat Geo base map, an ocean contour layer and some points plotted from a KML file. I have the map working OK using the 3.18 JS library, but I don't want a dynamic, tiled image returned, just a single PNG or JPG image that I can then save locally. Is this possible? New to ArcGIS and mapping in general! Thanks.

Re: How to request a single PNG/JPG image for a layered map using the JS API

RobertScheitlin__GISP — Sat, 11 Dec 2021 17:23:28 GMT

Andrew,

For that you would use the PrintTask and MAP_ONLY print template. Here is a snippet of code that I use for this purpose:

        var oWid = this.map.width;
        var oHgt = this.map.height;
        var printTask = new PrintTask('YOURS /rest/services/ExportWebMap/GPServer/Export Web Map');
        var template = new PrintTemplate();
        this.imgHeight = (740/oWid) * oHgt;
        template.exportOptions = {
          width: 1542,
          height: (1542/oWid) * oHgt,
          dpi: 200
        };
        template.format = "jpg";
        template.layout = "MAP_ONLY";
        template.preserveScale = false;
        template.showAttribution = false;

        var params = new PrintParameters();
        params.map = this.map;
        params.template = template;
        printTask.execute(params, lang.hitch(this, this.printResult));

      printResult: function(rsltURL){
        var mapImg = domConstruct.toDom('<img src="'+rsltURL.url+'" border="0" style="width:740px;height:'+this.imgHeight+'px;"/>');
        domConstruct.place(mapImg, dom.byId('mapImgDiv'), 'replace');
      },‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍

Re: How to request a single PNG/JPG image for a layered map using the JS API

AndrewBoland — Thu, 17 Nov 2016 09:38:56 GMT

Hi - thanks for the reply. I should have said the we don't have an ArcGIS server instance which I think this solution relies on?

Thanks, Andy

Re: How to request a single PNG/JPG image for a layered map using the JS API

RobertScheitlin__GISP — Thu, 17 Nov 2016 13:57:18 GMT

Andrew,

So you use one of the sample or AGOL servers then.

https://sampleserver6.arcgisonline.com/arcgis/rest/services/Utilities/PrintingTools/GPServer/Export%20Web%20Map%20Task

Re: How to request a single PNG/JPG image for a layered map using the JS API

AndrewBoland — Thu, 17 Nov 2016 14:16:48 GMT

Ok I'll investigate that - thanks a lot.