topic Re: Is it possible to show a web appbuilder application as a Image? in ArcGIS Web AppBuilder Questions

Is it possible to show a web appbuilder application as a Image?

Naveen_KumarKairamkonda — Thu, 12 Oct 2017 05:10:40 GMT

Hi,

I have one web appbuilder application.

URL: http://machinename:3344/webappbuilder/apps/#/?parameter1=ObjID#&parameter2="export"

when parameter2 == "export" in the URL, then the application should load and should show in an image format like .png format.

I have some graphics (polygon features) on the map. Image should show map including the graphics. URL might ends with URL/xxxx.png.

Any suggestion is helpful.

Thanks in advance.

Regards,

Naveen.

Re: Is it possible to show a web appbuilder application as a Image?

AdrianWelsh — Thu, 12 Oct 2017 05:42:30 GMT

Naveen,

Can you share a screenshot of what you're seeing or what you're not seeing?

https://community.esri.com/community/gis/web-gis/web-appbuilder?sr=search&searchId=dfa50373-7351-407b-8f81-7bab140502b0&searchIndex=0‌

Re: Is it possible to show a web appbuilder application as a Image?

Naveen_KumarKairamkonda — Thu, 12 Oct 2017 09:30:32 GMT

Hi Adrian,

Map and Graphics(red color bordered) you can see in the below screenshot.

if param2=="export" in URL, map should convert into an image i.e., URL will be like http://....../image.png

Re: Is it possible to show a web appbuilder application as a Image?

XanderBakker — Thu, 12 Oct 2017 11:42:33 GMT

If the idea is to simply get the image, why don't you use the REST endpoint to generate it? See:

Export Map (Operation)

You can use the layerDefs to only return the parcel you are interested in.

Re: Is it possible to show a web appbuilder application as a Image?

RobertScheitlin__GISP — Fri, 10 Dec 2021 22:16:12 GMT

What you are wanting is not supported out of the box. If you build a custom widget then you can use the PrintTask to export and image of the map. Here is a snippet of code I use all the time to export the map image:

        this.map.infoWindow.hide();
        var oWid = this.map.width;
        var oHgt = this.map.height;
        var printTask = new PrintTask('http://myserver/arcgis/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: Is it possible to show a web appbuilder application as a Image?

RebeccaStrauch__GISP — Thu, 12 Oct 2017 15:41:38 GMT

I wonder if any of the "screenshot" widgets will work. ?? There have been a few version, but not specifically say they work for 2.x. You can find links to most in the Display, printing and output section of /blogs/myAlaskaGIS/2017/03/04/web-appbuilder-the-custom-widgets-list-332017 Although, Robert is usually spot on with code suggestions.

Re: Is it possible to show a web appbuilder application as a Image?

Naveen_KumarKairamkonda — Mon, 16 Oct 2017 13:19:25 GMT

Hi Robert,

I'm trying to use this code snippet in my application. Could you please give me, what 'rsltURL' parameter for the printResult function.

Regards,
Naveen Kumar.

Re: Is it possible to show a web appbuilder application as a Image?

RobertScheitlin__GISP — Mon, 16 Oct 2017 13:49:57 GMT

Naveen,

The 'rsltURL' is the value returned from the printTask execute method.

Re: Is it possible to show a web appbuilder application as a Image?

Naveen_KumarKairamkonda — Tue, 17 Oct 2017 10:15:58 GMT

Hi Robert,

PrintTask.execute() statement is not executing, it's throwing error as 'unable to complete operation'.

Printing Tool (Geoprocessing Service) is started from ArcGIS Server and able to access the URL.

what could be the other reason to not executing?

Re: Is it possible to show a web appbuilder application as a Image?

RobertScheitlin__GISP — Tue, 17 Oct 2017 11:47:17 GMT

Naveen,

There could be half a dozen reasons for that. What does you code look like.

Re: Is it possible to show a web appbuilder application as a Image?

Naveen_KumarKairamkonda — Wed, 18 Oct 2017 11:09:59 GMT

Robert,

I am invoking _isEnableExport function(code that you shared) from 'startup' function of the widget if parameter in the URL satisfies to a string("export"). When it comes to printTask.execute() method in the _isEnableExport function, it's throwing error as 'unable to complete operation' in the console after a while.

You can see in below screenshots.

Error in the console:

Re: Is it possible to show a web appbuilder application as a Image?

RobertScheitlin__GISP — Wed, 18 Oct 2017 12:50:11 GMT

Naveen,

Sorry you are not providing enough info for me to help you. I use this code snippet all the time with out issue so it have to be something in your code (the way you implement it) that is going wrong.

Re: Is it possible to show a web appbuilder application as a Image?

Naveen_KumarKairamkonda — Tue, 24 Oct 2017 06:48:04 GMT

Hi Robert,

I created new onScreen widget 'MapExport' and in widget.js file, I'm calling _isEnableExport function from startup function if the isenable parmater is "export" from the URL(https://machinename:port/webappbuilder/apps/xx/?isenable=export).

_isEnableExport function has the code which you have shared.

Screenshots of widget.js file of MapExport widget and Error are attached below.

Getting this error after sometime once the widget is created.

Widget.js file of MapExport widget.

Error:

Re: Is it possible to show a web appbuilder application as a Image?

RobertScheitlin__GISP — Tue, 24 Oct 2017 12:42:22 GMT

Naveen,

Try using this print task url to check if it is an issue with your print service:

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

Re: Is it possible to show a web appbuilder application as a Image?

Naveen_KumarKairamkonda — Tue, 24 Oct 2017 13:35:46 GMT

Robert,

Taking the whole URL and throwing below error:

init.js:152 POST https://pcw7vm48:3344/webappbuilder/apps/10/http://sampleserver6.arcgisonline.com/arcgis/rest/services/Utilities/PrintingTools/GPServer/Export%20Web%20Map%20Task/execute 404 (Not Found)

init.js:182 n {message: "Unable to load //pcw7vm48:3344/webappbuilder/apps/…ver/Export%20Web%20Map%20Task/execute status: 404", response: {…}, status: 404, responseText: "Cannot POST /webappbuilder/apps/10/http://samplese…Tools/GPServer/Export%20Web%20Map%20Task/execute↵", xhr: XMLHttpRequest, …}

Re: Is it possible to show a web appbuilder application as a Image?

RobertScheitlin__GISP — Tue, 24 Oct 2017 14:12:27 GMT

Naveen,

??? Why are you putting https://pcw7vm48:3344/webappbuilder/apps/10/ in front of the url?

Re: Is it possible to show a web appbuilder application as a Image?

Naveen_KumarKairamkonda — Tue, 24 Oct 2017 15:06:23 GMT

Robert,

I didn't give that URL anywhere in code, but it's taking like that.

Re: Is it possible to show a web appbuilder application as a Image?

RobertScheitlin__GISP — Tue, 24 Oct 2017 15:39:52 GMT

Naveen,

So you are telling me that you have:

var printTask = new PrintTask('http://sampleserver6.arcgisonline.com/arcgis/rest/services/Utilities/PrintingTools/GPServer/Export%20Web%20Map%20Task');

and it add the other to the front by itself?

Re: Is it possible to show a web appbuilder application as a Image?

Naveen_KumarKairamkonda — Tue, 24 Oct 2017 16:17:05 GMT

Exactly.

Re: Is it possible to show a web appbuilder application as a Image?

RobertScheitlin__GISP — Tue, 24 Oct 2017 16:25:42 GMT

Naveen,

Zip your widget and attach it to a post for me to inspect.