topic Re: CENTER- ZOOM TO QUERY RESULTS in ArcGIS JavaScript Maps SDK Questions

CENTER- ZOOM TO QUERY RESULTS

LauraBusolo2 — Wed, 30 Aug 2017 03:17:15 GMT

on(dom.byId("GetAcademies"), "click", executeIndQry);

                    function executeIndQry() {
                        var queryString='';
                        var i=0;
                        // define more than one selection to query from the sector
                        for(option in dom.byId("industrySelectDD").options){
                            if(dom.byId("industrySelectDD").options[option].selected)
                            {
                                if(i==0)
                                {
                                    queryString+="Industry ='" +dom.byId("industrySelectDD").options[option].value+"'";
                                    i+=1;
                                }
                                else
                                {
                                    queryString+=" or Industry ='" +dom.byId("industrySelectDD").options[option].value+"'";
                                }
                            }
                        }
                        query.where = queryString;
                        query.outSpatialReference = mapMain.spatialReference;
                        lyrAcademies.selectFeatures(query, FeatureLayer.SELECTION_NEW, function(results){
                            showResults(results);
                        })
                    }
                };

                //Show the results as highlighted boxes on the map
                function showResults(results) {
                    mapMain.graphics.clear();

                    var selectSymbol = new SimpleMarkerSymbol(
                        SimpleMarkerSymbol.STYLE_SQUARE, 15,
                        new SimpleLineSymbol(
                            SimpleLineSymbol.STYLE_SOLID,
                            new Color([255,0,0]), 1),
                        new Color([0,255,0,0.25])
                    );

Re: CENTER- ZOOM TO QUERY RESULTS

KenBuja — Wed, 30 Aug 2017 12:36:47 GMT

Once you have the array of graphics from your query, you can use the esri/graphicsUtils method graphicsExtent to set the map's extent

Re: CENTER- ZOOM TO QUERY RESULTS

Than_HtetAung — Thu, 07 Sep 2017 02:54:40 GMT

Hi Laura,

Update showResults method as below. Modify code is in blue color.

function showResults(results) {
mapMain.graphics.clear();

var featureExtent = esri.graphicsExtent(results.features);

var targetMapExtent = featureExtent.expand(2.5); //change 2.5 for expand factor

mapMain.setExtent(targetMapExtent);

                    var selectSymbol = new SimpleMarkerSymbol(
                        SimpleMarkerSymbol.STYLE_SQUARE, 15,
                        new SimpleLineSymbol(
                            SimpleLineSymbol.STYLE_SOLID,
                            new Color([255,0,0]), 1),
                        new Color([0,255,0,0.25])
                    );