topic Re: Map components Search zoom scale? in ArcGIS JavaScript Maps SDK Questions

Map components Search zoom scale?

JaredPilbeam2 — Wed, 02 Apr 2025 18:23:39 GMT

I don't see a way to control the zoom? I don't see a property to do so. This has no effect:

<arcgis-search position="top-left" zoom="10"></arcgis-search>

Re: Map components Search zoom scale?

Sage_Wall — Wed, 02 Apr 2025 18:48:47 GMT

The zoomScale is set in the zoom components sources property

<arcgis-search id="search" position="top-right"></arcgis-search> <script type="module"> const searchElement = document.getElementById("search"); searchElement.addEventListener("arcgisReady", () => { searchElement.sources = [ { url: "https://geocode-api.arcgis.com/arcgis/rest/services/World/GeocodeServer", name: "LocatorSearchSource", zoomScale: 1000000 } ]; }); </script>

Re: Map components Search zoom scale?

JaredPilbeam2 — Wed, 02 Apr 2025 19:51:21 GMT

Thanks for the reply. That doesn't seem to have any effect on the zoom either? And it's asking me to sign in. Does it need a token? Sample.

Re: Map components Search zoom scale?

Sage_Wall — Wed, 02 Apr 2025 20:34:23 GMT

Yeah i think that service does require a token or to sign in, I just copied it from the doc and didn't try and run it. I see a few layerview creation errors in your codepen, but I don't think that would affect the search. I'm not sure what's going on I'll have to look into it more closely

Re: Map components Search zoom scale?

Noah-Sager — Wed, 02 Apr 2025 20:56:57 GMT

Hi @JaredPilbeam2, you may need to use the widget property to do that currently. We're in a transition process with components and widgets. I believe you want the goToOverride property,

https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search.html#goToOverride

Re: Map components Search zoom scale?

JaredPilbeam2 — Wed, 02 Apr 2025 21:03:57 GMT

Hi @Noah-Sager, yes I am aware of the transition. My goal here is just that. I'm creating an app using components, not widgets, to get a leg-up on my functioning custom apps that will need transitioning.

Re: Map components Search zoom scale?

ReneRubalcava — Wed, 02 Apr 2025 22:43:46 GMT

You can do this by listening for the sources collection to change.

https://codepen.io/odoe/pen/gbOqrXv?editors=1000

const searchElement = document.querySelector("arcgis-search"); // component loaded, might still be loading data await searchElement.componentOnReady(); searchElement.allSources.on("change", () => { searchElement.allSources.forEach((source) => { source.zoomScale = 100000; }); });