Choosing a search source based on searchTerm?

BrianTrang — Tue, 25 Mar 2025 15:29:06 GMT

import Search from "@arcgis/core/widgets/Search";
import LocatorSearchSource from "@arcgis/core/widgets/Search/LocatorSearchSource";
import LayerSearchSource from "@arcgis/core/widgets/Search/LayerSearchSource";
import FeatureLayer from "@arcgis/core/layers/FeatureLayer";
const isAIN = (searchTerm) => {
return /^\d{10}$/.test(searchTerm); // Adjust this regex if needed
};
const searchWidget = new Search({
view: mapView,
includeDefaultSources: false,
searchAllEnabled: false, // Disable searching across all sources by default
sources: [
new LocatorSearchSource({
url: <myurl>,
name: "A County CAMS",
placeholder: "Find address",
resultSymbol: resultSymbol,
singleLineFieldName: "SingleLine",
popupEnabled: false,
}),
new LocatorSearchSource({
url: "https://geocode.arcgis.com/arcgis/rest/services/World/GeocodeServer",
name: "Esri World Geocoder",
placeholder: "Find address or place",
resultSymbol: resultSymbol,
singleLineFieldName: "SingleLine",
filter: searchExtent,
popupEnabled: false,
outFields: ["Addr_type"],
}),
new LayerSearchSource({
layer: new FeatureLayer({
url: <myurl>,
}),
name: "Assessor Identification Numbers",
placeholder: "Find AIN (ten digits)",
resultSymbol: props.toggle ? fillSymbol : resultSymbol,
popupEnabled: false,
outFields: ["*"],
searchFields: ["AIN", "APN"],
}),
],
});
// Intercept the search-start event
searchWidget.on("search-start", (event) => {
if (isAIN(event.searchTerm)) {
searchWidget.activeSourceIndex = 2; // Set source to AIN layer
}
});
// Handle search complete to zoom to the found location
searchWidget.on("search-complete", (event) => {
if (event.numResults > 0) {
const result = event.results[0].results[0]; // Get first result
if (result) {
mapView.goTo(result.feature.geometry); // Zoom to found location
}
}
});
mapView.ui.add(searchWidget, "top-right");

I tried a code snippet like above, however my mapView.goTo isn't going to the correct location. I a, wondering if I am missing something?

Would appreciate any tips. Thank you.

Re: Choosing a search source based on searchTerm?

BrianTrang — Tue, 25 Mar 2025 15:30:36 GMT

I want to use my "Assessor Identification Numbers" search source if isAIN(searchTerm) returns true.

Re: Choosing a search source based on searchTerm?

BrianTrang — Tue, 25 Mar 2025 15:43:27 GMT

I've been getting the following error "Goto was interrupted", so I am guessing I need a way to await the goTo? I been trying to pass the extent to goTo.

topic Re: Choosing a search source based on searchTerm? in ArcGIS JavaScript Maps SDK Questions

Choosing a search source based on searchTerm?

Re: Choosing a search source based on searchTerm?

Re: Choosing a search source based on searchTerm?