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.
