topic Re: Setting Zoom/Extent for Query Widget Results in ArcGIS Web AppBuilder Questions

Setting Zoom/Extent for Query Widget Results

ArthurKay — Sat, 23 Mar 2019 04:19:29 GMT

So I have been trying this evening to have a more "zoomed out" view when selecting results from a query. I believe I have located the relevant code in my apps folder under WebappBuilderforArcGIS>server>apps>[myapp]>widgets>Query>SingleQueryResult.js

I'm particularly looking at the polylines section of code as I am working with some Roads data atm, although learning the general method for other geometry types would be great too.

I've tried a few simple things including jacking up the extend.expand(10) which didn't seem to make a difference. I was able to break the results behavior of zooming to extent, so I think I am working on the right code block, but just unclear the best way to proceed.

Thanks in advance for any assistance!

this._selectResultTr(tr);

html.addClass(tr, 'jimu-state-active');
var feature = tr.feature;
var geometry = feature.geometry;
if (geometry) {
   var geoType = geometry.type;
   var centerPoint, extent;
if (geoType === 'point') {
   centerPoint = geometry;
} else if (geoType === 'multipoint') {
   if (geometry.points.length === 1) {
      centerPoint = geometry.getPoint(0);
    } else if (geometry.points.length > 1) {
     centerPoint = geometry.getPoint(0);
}

} else if (geoType === 'polyline') {
extent = geometry.getExtent();
extent = extent.expand(1.4);
centerPoint = extent.getCenter();
} else if (geoType === 'polygon') {
extent = geometry.getExtent();
extent = extent.expand(1.4);
centerPoint = extent.getCenter();
} else if (geoType === 'extent') {
extent = geometry;
extent = extent.expand(1.4);
centerPoint = extent.getCenter();
}

Re: Setting Zoom/Extent for Query Widget Results

ArthurKay — Sat, 23 Mar 2019 13:09:33 GMT

Just a follow up question, and I apologize, as I am sure the answer is somewhere, but when I have webapp builder for developer running through node.js, and I make edits to the code of a file and save it, do I have to relaunch the node.js server or can I just refresh or re-open the app that I am currently working on?

Re: Setting Zoom/Extent for Query Widget Results

RobertScheitlin__GISP — Sat, 23 Mar 2019 15:13:58 GMT

Arthur,

Yes you seem to be working in the correct file and No you do not have to reload WAB/Node each time you make a change you just need to refresh the browser. The issue is the code you have changed is not used in the zooming.

This is the line that controls zooming:

jimuUtils.zoomToFeatureSet(this.map, featureSet);‍

What you need to do is add a third property to this call. The zoomfactor.

jimuUtils.zoomToFeatureSet(this.map, featureSet, 1.8);‍

Re: Setting Zoom/Extent for Query Widget Results

ArthurKay — Sat, 23 Mar 2019 17:27:26 GMT

Thank you Robert, worked like a charm. You the hero that Gotham/ArcGIS community needs..the batman! But seriously I never would have figured this out... you are a life saver.

Re: Setting Zoom/Extent for Query Widget Results

RobertScheitlin__GISP — Sat, 23 Mar 2019 21:27:47 GMT

Glad to help.

Don't forget to mark this question as answered by clicking on the "Mark Correct" link on the reply that answered your question.

Re: Setting Zoom/Extent for Query Widget Results

InnovaAdministrator — Thu, 01 Apr 2021 21:17:40 GMT

Hi there! Do you know if this code works for the group filter widget as well? I have a group filter for multiple layers, however two of my layers fall outside the area I want to query on. When I apply the group filter and the map attempts to zoom it is confused and the map zooms way out of the area that I filtered.

Thank you in advance for any help!

Liz

Re: Setting Zoom/Extent for Query Widget Results

RobertPiatek — Wed, 22 Sep 2021 13:26:12 GMT

Hi Robert,
I'm trying to change this third factor to zoom in result (when I do a query and get one point as a result I want to see this point more zoomed). Is this function still works?

BR RobertP

Re: Setting Zoom/Extent for Query Widget Results

RobertScheitlin__GISP — Wed, 22 Sep 2021 13:56:37 GMT

@RobertPiatek

Looking at 2.20 the code looks the same so yes it should still work.

Re: Setting Zoom/Extent for Query Widget Results

RobertPiatek — Wed, 22 Sep 2021 14:02:39 GMT

So what values this parameter takes? 0-100? Which value is closer zoom and which is further?

Re: Setting Zoom/Extent for Query Widget Results

RobertScheitlin__GISP — Wed, 22 Sep 2021 14:46:31 GMT

@RobertPiatek 1 is 100% 1.8 is 180%

Re: Setting Zoom/Extent for Query Widget Results

RobertPiatek — Wed, 22 Sep 2021 14:52:38 GMT

That's strange because when I put 3 or 14 I haven't seen a difference.

and to make sure that I'm describing it correctly

I want to set the closer zoom to the searched point after choosing it from the result list on the left. Without having to click "Zoom in" in a popup window.

Re: Setting Zoom/Extent for Query Widget Results

RobertScheitlin__GISP — Wed, 22 Sep 2021 16:41:15 GMT

@RobertPiatek Maybe you are changing the wrong file or have not cleared your browsers cache. When working with a configured application you have to change that applications widgets code.

[Install Directory]\server\apps\[App#]\widgets\Query\SingleQueryResult.js