nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

District SearchWidget with Enterprise Locator two specific countries

SebastianKrings

Hi,

currently we are using the SearchWidget with defaultSources enabled.
In our EnterprisePortal we have our own LocatorService.

As far as I understood the portal one is taken over arcgis.com-WorldLocator by simply setting the portalUrl in JS:

esriConfig.portalUrl = ...

Now we would like to district the search results to specific countries (DE + DK in my case).
I am not getting it to work.

Best guess I found is the LocatorSource to set the CountryCode.
https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search-LocatorSearchSource.html
Unfortunately there is no sample.

I tried to place it into the sources-array which also countains our Layers to search in.
Additionally I disabled to use defaultSearchSource.

Here is my current code:

const sources = await this.getSearchSourcesAsync(handles);

const sourceDE = new LocatorSearchSource();
sourceDE.countryCode = 'DE';
sources.push(sourceDE);

const searchWidget = new Search({
	view: mapView,
	includeDefaultSources: false,
	locationEnabled: false,
	sources,
	container: this.elementRefSearch!.nativeElement
});

In the ExperienceBuilder its pretty easy to district on specific countries. It offers an option for that:

The LocatorSearchSource however only accepts a single country at once.

I hope there is an equivalent easy way to district the countries for the JS SearchWidget.

Najděte více příspěvků označených jako

Accepted answers

WesleyO

Hi @SebastianKrings ,

Using the countryCode property is the correct equivalent you are looking for. You should be able to add multiple countries by separating them by commas for your string input, similar to how you have done it in Experience Builder.

Here is an example: https://codepen.io/woriginales/pen/KwMOZPP

All comments

SebastianKrings

The doc says no word about using multiple codes comma separated is a valid option.
For me it sounds that you just can enter exactly one code.
E.g.:
Instead of current:

Constricts search results to a specified country code. For example, US for United States or SE for Sweden.

It could be:

Constricts search results to one or more specified country codes. For example, US for United States or SE for Sweden or "'US', 'SE'" for both.

Noah Sager

Unfortunately, if you modify the sources, you'll need the geocoding url as well. I think some devs put constants in a separate file if that helps.

The doc for countryCode looks right to me. Both "US" and "SE" seem to work fine. Can you explain what you think should be updated?

SebastianKrings

Hey thanks.

Is it somehow possible to omit url like using the default-sources where I do not need to put the geocode url?
I would prefer not to have const urls in my app.

Nevertheless, the documentation should be updated here as well.
For LocatorSearchSource for property countryCode it says:

Constricts search results to a specified country code. For example, US for United States or SE for Sweden.

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

WesleyO

Hi @SebastianKrings ,

Here is an example: https://codepen.io/woriginales/pen/KwMOZPP

Připojte se k diskusi

Přihlášení členové mohou přispívat, sledovat aktualizace a další. Jste tu noví? Zaregistrujte si bezplatný účet.

Rychlé odkazy

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.