topic Re: query highlight and zoom to graphics JS API 4.4? in ArcGIS JavaScript Maps SDK Questions

query highlight and zoom to graphics JS API 4.4?

Anonymous User — Sat, 11 Dec 2021 09:38:11 GMT

Hi all,

Is there a way to highlight and zoom to graphics in 4.4 ? In 3.21 i used graphicsUtils.

var symbol = new SimpleFillSymbol(SimpleFillSymbol.STYLE_SOLID,new SimpleLineSymbol(SimpleLineSymbol.STYLE_SOLID,new Color([0, 0, 0, 0.65]), 2),new Color([24, 24, 199, 0.5]));
            var test = new Graphic(AOI, symbol);
            var extent = graphicsUtils.graphicsExtent(GraphicsParceliden.graphics);
            map.setExtent(extent, true);‍‍‍‍

Re: query highlight and zoom to graphics JS API 4.4?

KellyHutchins — Fri, 28 Jul 2017 16:23:16 GMT

You can use the goTo method on the MapView to navigate to a graphic or an array of graphics.

MapView | API Reference | ArcGIS API for JavaScript 4.4

To test this functionality you can add a view.goTo(results.features) at line 258 of this sample.

ArcGIS API for JavaScript Sandbox

Re: query highlight and zoom to graphics JS API 4.4?

Anonymous User — Sat, 11 Dec 2021 09:38:15 GMT

Thanks Kelly! I see it in action in the sandbox you sent me but cannot replicate it with my code:

        $("#execute").click(function (){
            var value = $( "#searchtext" ).val();
            console.log(value);

            var queryparcelTask  = new QueryTask({url: "http://gem.edcgov.us/arcgis/rest/services/Sheriff/Parcels/MapServer/0"});
            var query = new Query();
            query.returnGeometry = true;
            query.where = "PRCL_ID = '" +   value + "'";
            queryparcelTask.execute(query, zoomparcel);
            
            
        });
....
        function zoomparcel(result){
              var AOI = result.feature;
              view.goTo(AOI);
        }‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍

here is my jsbin

I used to capture result geometries in 3.21 "feature.geometry". Not too sure if its needed or not in 4.4?

Thanks for all your help.

Re: query highlight and zoom to graphics JS API 4.4?

KellyHutchins — Sat, 11 Dec 2021 09:38:18 GMT

Try making the following changes in your code and see if that helps. Basically I used then to execute the zoomparcel function once the query parcel task is done. And then in zoomparcel switch from result.feature to result.features.

   queryparcelTask.execute(query).then(zoomparcel);



     function zoomparcel(result){
              var AOI = result.features;
              view.goTo(AOI);
        }‍‍‍‍‍‍‍‍

Re: query highlight and zoom to graphics JS API 4.4?

Anonymous User — Fri, 28 Jul 2017 18:16:30 GMT

That was it! Thank you. I need to get more familiar with the "then"

Re: query highlight and zoom to graphics JS API 4.4?

Anonymous User — Fri, 28 Jul 2017 18:24:13 GMT

Last question, is there a way to zoom a little less, not that close to the feature?

Re: query highlight and zoom to graphics JS API 4.4?

KellyHutchins — Fri, 28 Jul 2017 22:34:05 GMT

You should be able to modify the zoom level using the scale or zoom options available on goTo. The doc for goTo has a few examples showing how this works.

MapView | API Reference | ArcGIS API for JavaScript 4.4

Re: query highlight and zoom to graphics JS API 4.4?

BlakeTerhune — Mon, 09 Apr 2018 16:40:47 GMT

What are you using to highlight the feature/graphic? I don't see that in your code.