topic Re: Zoom to selected in Web AppBuilder Custom Widgets Questions

Zoom to selected

GregRieck — Fri, 14 Apr 2017 17:04:07 GMT

Hello, I am using WAB 2.2 Jewelry box theme. I have features selected and would now like to zoom to those selected features. How do I zoom to selected features on the map?

Thank You,

Greg

Re: Zoom to selected

RobertScheitlin__GISP — Fri, 14 Apr 2017 17:21:58 GMT

Greg,

There are multiple ways.

Open the features popup and click the zoom to link
Use the Attribute Table widget in your app and click the zoom to for the selected record.
Use the selection widget results menu an zoom to(though that option does not zoom very close)

Re: Zoom to selected

GregRieck — Fri, 14 Apr 2017 17:32:14 GMT

Hi Robert,

Thanks for the reply. I am looking for a solution that is code based. Something that will automatically zoom to the selected features as part of my widgets results from selecting features on the map. Using the feature popup only zooms to the feature in the popup. I have several features selected throughout the entire map extent. I do not want the user to have to open anything, click anything or do anything. Once the widget has completed it's server calls and feature selections I would like the selected features to be zoomed to on the map.

Greg

Re: Zoom to selected

RobertScheitlin__GISP — Fri, 14 Apr 2017 18:33:31 GMT

Greg,

OK, I did not get that you where talking about creating your own widget. For that you can add the jimu/SelectionManager to your widget and call the getUnionGeometryBySelectedFeatures method by passing in the layer you are interested in get back a unioned geometry of all the selected feature that you can get the extent from and set the maps extent to that extent to zoom to them.

Re: Zoom to selected

GregRieck — Fri, 14 Apr 2017 21:40:27 GMT

Robert,

Yes, I'm inside a custom widget. It has just done it's job and selected features on the map. I'd now like to zoom to those features.

I added jimu/SelectionManager to the define and function.

I then set it up like this:

var mylayer = this.map.webMapResponse.itemInfo.itemData.operationalLayers[3].layerObject;

var sm = SelectionMgr.getUnionGeometryBySelectedFeatures(mylayer);

this.map.spatialReference = sm;

And I get the following error: TypeError: SelectionMgr.getUnionGeometryBySelectedFeatures is not a function

Re: Zoom to selected

RobertScheitlin__GISP — Fri, 14 Apr 2017 22:17:47 GMT

Greg,

You need to do SelectionManger.getInstance()

Re: Zoom to selected

GregRieck — Fri, 14 Apr 2017 23:39:34 GMT

Robert,

Okay, thanks, I found the help on SelectionManager. But there is no information on getUnionGeometryBySelectedFeatures, where can I find help on that method? Am I supposed to return something that is used to set the extent?

I have this now:

var selMgr = SelectionMgr.getInstance();

var mylayer = this.map.webMapResponse.itemInfo.itemData.operationalLayers[3].layerObject;

selMgr .getUnionGeometryBySelectedFeatures(mylayer);

this.map.spatialReference = selMgr ;

No errors, but it doesn't zoom to the selected features. I checked and mylayer is a feature layer and is the correct one. I also looked and selMgr does have an array of objects

Greg

Re: Zoom to selected

RobertScheitlin__GISP — Sun, 12 Dec 2021 08:31:57 GMT

Greg,

Yes the method returns a unioned geometry that you have to get the extent from and then set the maps extent using that.

var selMgr = SelectionMgr.getInstance();
var mylayer = this.map.webMapResponse.itemInfo.itemData.operationalLayers[3].layerObject;
var geom = selMgr.getUnionGeometryBySelectedFeatures(mylayer);
this.map.setExtent(geom.getExtent().expand(1.2), true);‍‍‍‍

Re: Zoom to selected

GregRieck — Sat, 15 Apr 2017 05:14:44 GMT

Robert,

var geom = selMgr.getUnionGeometryBySelectedFeatures(mylayer);

So, now geom is null. selMgr is valid, myLayer is valid. Should I be looking at a specific value of mylayer to get the extent of all the selected features?

Greg

Re: Zoom to selected

RobertScheitlin__GISP — Sun, 12 Dec 2021 08:32:00 GMT

Greg,

If you do

var selFeats = cableLayer.getSelectedFeatures();‍
console.info(selFeats);‍‍

Is the console output undefined, null, or an actual array of graphics?

The potential problem I see in your code when you are selecting from your featurelayer is the selectFeatures is an async process that returns a deferred and you are not waiting for the result before trying to get the selection:

cableLayer.selectFeatures(cableSelectQuery, cableLayer.SELECTION_NEW);
//You are not waiting for the results from this deferred returning method.‍‍

Re: Zoom to selected

GregRieck — Mon, 17 Apr 2017 15:47:35 GMT

Robert,

You are correct, the array has a zero length. So how do I get this to work? How do I make it "wait" for the selection to complete to activate the zoom to portion of the code?

Greg

Re: Zoom to selected

RobertScheitlin__GISP — Sun, 12 Dec 2021 08:32:03 GMT

Greg,

The selectFeatures is a deferred returning method so you just need to use a callback function like you do for any deferred.

cableLayer.selectFeatures(cableSelectQuery, cableLayer.SELECTION_NEW, lang.hitch(this, function(results){
  var selMgr = SelectionMgr.getInstance();
  var geom = selMgr.getUnionGeometryBySelectedFeatures(cableLayer);
  this.map.setExtent(geom.getExtent().expand(1.2), true);
}));‍‍‍‍‍

Re: Zoom to selected

GregRieck — Mon, 17 Apr 2017 17:18:11 GMT

Robert,

Thank you for the efforts that got it.

Greg