topic Re: create bookmark thumbnail image from the current layers, extent, and graphics in ArcGIS Web AppBuilder Questions

create bookmark thumbnail image from the current layers, extent, and graphics

Alexwang — Mon, 08 Aug 2016 18:18:27 GMT

Hello, how to create a bookmark thumbnail image based on the current layers, extent, and graphics? Thanks

Re: create bookmark thumbnail image from the current layers, extent, and graphics

RobertScheitlin__GISP — Mon, 08 Aug 2016 19:46:39 GMT

Alex,

As there is no cross browser ability in the JS API to scrape the map image, your option is to click printscreen on your computer and edit the saved screen image to your liking and use that image.

Re: create bookmark thumbnail image from the current layers, extent, and graphics

Alexwang — Mon, 08 Aug 2016 20:14:19 GMT

Thanks Robert. I saw the Print widget can generate a map in graphics format. Can I use it for my purpose? sorry I haven't tried it yet.

Re: create bookmark thumbnail image from the current layers, extent, and graphics

RobertScheitlin__GISP — Mon, 08 Aug 2016 20:38:54 GMT

Alex,

Absolutely you can use the PrintTask in the JS API to get "MAP_ONLY" output. I use the PrintTask to get a map image in several of my custom apps.

Re: create bookmark thumbnail image from the current layers, extent, and graphics

Alexwang — Tue, 09 Aug 2016 02:43:37 GMT

Thanks Robert. Can you please direct me any online resources of how to create my own Export Web Map Task GP services? is it possible or i have to use ESRI's?

Re: create bookmark thumbnail image from the current layers, extent, and graphics

deleted-user-CQZbjNeBXm49 — Tue, 09 Aug 2016 10:21:15 GMT

Hi Alex,

Export Web Map Task depends on what you want it to achieve and the resource below shows examples, steps and various ways to achieve them.

A quick tour of publishing a geoprocessing service—Sharing geoprocessing workflows | ArcGIS for Desktop

Baba

Re: create bookmark thumbnail image from the current layers, extent, and graphics

RobertScheitlin__GISP — Sun, 12 Dec 2021 02:29:14 GMT

Alex,

Here is a code snippet that I use for the purpose of getting a map image:

var printTask = new PrintTask('your server ExportWebMap url');
        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, 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: create bookmark thumbnail image from the current layers, extent, and graphics

Alexwang — Tue, 09 Aug 2016 13:24:54 GMT

Awesome! One last question - is there a way to name the jpg to the way i want?

Re: create bookmark thumbnail image from the current layers, extent, and graphics

Alexwang — Tue, 09 Aug 2016 13:32:01 GMT

Thanks for the link, Baba.

Re: create bookmark thumbnail image from the current layers, extent, and graphics

RobertScheitlin__GISP — Tue, 09 Aug 2016 14:02:28 GMT

Alex,

I have only used the jpg in a html img element and never had a need to name the image specifically, so I am not sure.

Re: create bookmark thumbnail image from the current layers, extent, and graphics

Alexwang — Tue, 09 Aug 2016 14:08:55 GMT

thanks Robert. Good enough info.