topic Re: How to get the proper extent based on the data returned from map service in Web AppBuilder Custom Widgets Questions

How to get the proper extent based on the data returned from map service

MichelTurmel — Thu, 29 Oct 2020 21:03:40 GMT

I am using Web AppBuilder 2.6 to create a widget.

I have an ArcGIS Map Service that contains the name of several companies and their offices' location in north America. The user interface provides a list of the company names, the user selects a company name and the service returns the offices' location for the requested company name and then the new layer is added to the map. In some instances, the offices are located in one state in other instances the offices are located all across North America.

My question is how can I find the appropriate extent so that all offices' locations are present under the presented map?

In other words, if all returned offices' location are in one state then the map view shows only that state and in the case where the offices' location are allover North America then the map view would show all North America.

I understand that I can set the extent programmatically as the map is initialized within the widget. I need a method to find the appropriate extent.

Re: How to get the proper extent based on the data returned from map service

RobertScheitlin__GISP — Fri, 30 Oct 2020 13:26:15 GMT

Michel,

Use the graphicsUtils graphicsextent method

esri/graphicsUtils | API Reference | ArcGIS API for JavaScript 3.34

Re: How to get the proper extent based on the data returned from map service

MichelTurmel — Fri, 30 Oct 2020 15:05:48 GMT

Thank you very much for the information Robert!

Re: How to get the proper extent based on the data returned from map service

MichelTurmel — Mon, 02 Nov 2020 22:11:44 GMT

Here is what I have done:

........

var aSearch = "OP LIKE 'something'";
var queryTask = new QueryTask("https://.../MapServer/0");
var query = new Query();
query.returnGeometry = true;
query.returnCountOnly = false;
query.outFields = ["OP"];
query.where = aSearch;

queryTask.execute(query, this.aShowResults);

....
aShowResults: function(results){
aCount = results.features.length;

if (aCount !== 0) {
aExtent = graphicsUtils.graphicsExtent(results.features);
}

addLayersToMap();
},

......

function addLayersToMap(){
map.addLayers([.......]);
map.setExtent(aExtent);
}

Your help is really appreciated, you sent me in the right direction!