{"id":2987053,"date":"2026-11-12T01:11:18","date_gmt":"2026-11-12T09:11:18","guid":{"rendered":"https:\/\/www.esri.com\/arcgis-blog\/?post_type=blog&p=2987053"},"modified":"2026-11-12T06:50:09","modified_gmt":"2026-11-12T14:50:09","slug":"enhanced-feature-searching-with-the-maps-sdk-for-javascript","status":"publish","type":"blog","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/developers\/enhanced-feature-searching-with-the-maps-sdk-for-javascript","title":{"rendered":"Enhanced feature searching with the Maps SDK for JavaScript"},"author":7451,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"_acf_changed":false,"_searchwp_excluded":""},"categories":[738191],"tags":[769562,781286,781287,25091,781238],"industry":[],"product":[36831,36601],"class_list":["post-2987053","blog","type-blog","status-publish","format-standard","hentry","category-developers","tag-arcgis-maps-sdk-for-javascript","tag-arcgis-search","tag-full-text-search","tag-geocoding","tag-whats-new-november-2026","product-js-api-arcgis","product-developers"],"acf":{"authors":[{"ID":7451,"user_firstname":"Noah","user_lastname":"Sager","nickname":"Noah Sager","user_nicename":"noah-sager","display_name":"Noah Sager","user_email":"NSager@esri.com","user_url":"https:\/\/www.noahsager.net\/","user_registered":"2018-03-21 18:21:19","user_description":"Passionate about JavaScript, maps, and writing (not necessarily in that order). Big fan of routing, search, and printing. Senior Product Engineer on the ArcGIS Maps SDK for JavaScript team. In Noah\u2019s spare time, he also enjoys parenting.","user_avatar":""}],"short_description":"We added a new searchMode property at version 5.2 to help users work more effectively with full-text-indexed layers.","flexible_content":[{"acf_fc_layout":"content","content":"

We recently released ArcGIS Maps SDK for JavaScript<\/a> version 5.2. This release brought some great layer-based enhancements to the arcgis-search<\/a> component. This blog will cover those enhancements with some background information and practical demos.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":2987171,"id":2987171,"title":"arcgis-search with Area Codes","filename":"Screenshot-2026-11-04-at-11.42.13-AM.png","filesize":123201,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/11\/Screenshot-2026-11-04-at-11.42.13-AM.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/developers\/enhanced-feature-searching-with-the-maps-sdk-for-javascript\/screenshot-2026-11-04-at-11-42-13-am","alt":"","author":"7451","description":"","caption":"arcgis-search component","name":"screenshot-2026-11-04-at-11-42-13-am","status":"inherit","uploaded_to":2987053,"date":"2026-11-04 17:42:53","modified":"2026-11-04 17:43:21","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":826,"height":465,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/11\/Screenshot-2026-11-04-at-11.42.13-AM-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/11\/Screenshot-2026-11-04-at-11.42.13-AM.png","medium-width":464,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/11\/Screenshot-2026-11-04-at-11.42.13-AM.png","medium_large-width":768,"medium_large-height":432,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/11\/Screenshot-2026-11-04-at-11.42.13-AM.png","large-width":826,"large-height":465,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/11\/Screenshot-2026-11-04-at-11.42.13-AM.png","1536x1536-width":826,"1536x1536-height":465,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/11\/Screenshot-2026-11-04-at-11.42.13-AM.png","2048x2048-width":826,"2048x2048-height":465,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/11\/Screenshot-2026-11-04-at-11.42.13-AM.png","card_image-width":826,"card_image-height":465,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/11\/Screenshot-2026-11-04-at-11.42.13-AM.png","wide_image-width":826,"wide_image-height":465}},"image_position":"center","orientation":"horizontal","hyperlink":"https:\/\/codepen.io\/editor\/noash\/pen\/01a18dcd-4739-7202-830d-dff6931a44dc"},{"acf_fc_layout":"content","content":"

Introduced at version 5.2 (November 2026), the new searchMode<\/a> property helps users work more effectively with full-text-indexed layers. Full-text indexes improve the performance of spatial queries, such as searching for features on a map or in a database. At a high level, an index will break apart terms into separate groups to be searched. The terms must be separated by a space.<\/p>\n

For example, let’s look at the place: “University of New Hampshire”. If this layer was not indexed, any search for this feature must start with “University” because there is no leading wildcard. However, if this layer was properly indexed, we could start our search with “University” or “New” or “Hampshire”, because each group has been indexed for the search. These indexes can be created and persisted and used between the ArcGIS Maps SDK for JavaScript \/ ArcGIS Online \/ ArcGIS Enterprise and ArcGIS Pro. See the Searching for Features in Maps and Apps<\/a> blog for more explanation.<\/p>\n

The below image shows some examples of the four different searchMode values with a full-text indexed layer. Note that only \"full-text-starts-with\"<\/code> and\u00a0 \"full-text-simple\"<\/code> were able to find “North” in a separate indexed group. Each searchMode value is displayed in bold above the suggestions.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":2987770,"id":2987770,"title":"searchMode in action","filename":"searchMode-in-action.png","filesize":672000,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/11\/searchMode-in-action.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/developers\/enhanced-feature-searching-with-the-maps-sdk-for-javascript\/searchmode-in-action","alt":"","author":"7451","description":"","caption":"searchMode in action","name":"searchmode-in-action","status":"inherit","uploaded_to":2987053,"date":"2026-11-06 16:09:33","modified":"2026-11-06 16:09:38","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":959,"height":590,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/11\/searchMode-in-action-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/11\/searchMode-in-action.png","medium-width":424,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/11\/searchMode-in-action.png","medium_large-width":768,"medium_large-height":472,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/11\/searchMode-in-action.png","large-width":959,"large-height":590,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/11\/searchMode-in-action.png","1536x1536-width":959,"1536x1536-height":590,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/11\/searchMode-in-action.png","2048x2048-width":959,"2048x2048-height":590,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/11\/searchMode-in-action-756x465.png","card_image-width":756,"card_image-height":465,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/11\/searchMode-in-action.png","wide_image-width":959,"wide_image-height":590}},"image_position":"center","orientation":"horizontal","hyperlink":"https:\/\/codepen.io\/editor\/noash\/pen\/01a1a2d3-33fe-7165-9856-ea78e4242cf5"},{"acf_fc_layout":"content","content":"

Previously, exactMatch<\/a> (deprecated at 5.2<\/em>) could be true or false, where true meant an exact match and false meant a trailing-wildcard search. In the webmap settings (Item Details<\/a> page of the webmap), this conferred to a value of “equals” for true, and “contains” for false. This is where users can configure the search (locator and layer sources) experience for a specific webmap. These settings can be read or overwritten by an app. This blog focuses on the developer experience, but it is important to also note the non-developer configurations available.<\/p>\n

 <\/p>\n"},{"acf_fc_layout":"image","image":{"ID":2987271,"id":2987271,"title":"Webmap Search Settings (version 5.1, pre-November 2026)","filename":"5.1-Webmap-Search-Settings.png","filesize":41033,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/11\/5.1-Webmap-Search-Settings.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/developers\/enhanced-feature-searching-with-the-maps-sdk-for-javascript\/5-1-webmap-search-settings","alt":"","author":"7451","description":"","caption":"Webmap Search Settings (version 5.1, pre-November 2026)","name":"5-1-webmap-search-settings","status":"inherit","uploaded_to":2987053,"date":"2026-11-04 20:24:29","modified":"2026-11-06 15:43:23","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":789,"height":385,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/11\/5.1-Webmap-Search-Settings-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/11\/5.1-Webmap-Search-Settings.png","medium-width":464,"medium-height":226,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/11\/5.1-Webmap-Search-Settings.png","medium_large-width":768,"medium_large-height":375,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/11\/5.1-Webmap-Search-Settings.png","large-width":789,"large-height":385,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/11\/5.1-Webmap-Search-Settings.png","1536x1536-width":789,"1536x1536-height":385,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/11\/5.1-Webmap-Search-Settings.png","2048x2048-width":789,"2048x2048-height":385,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/11\/5.1-Webmap-Search-Settings.png","card_image-width":789,"card_image-height":385,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/11\/5.1-Webmap-Search-Settings.png","wide_image-width":789,"wide_image-height":385}},"image_position":"center","orientation":"horizontal","hyperlink":"https:\/\/doc.arcgis.com\/en\/arcgis-online\/create-maps\/configure-feature-search.htm"},{"acf_fc_layout":"content","content":"

Now, searchMode can be \"simple\"<\/code>, \"starts-with\"<\/code>, \"full-text-starts-with\"<\/code>, or \"full-text-simple\"<\/code>. Configure these values in LayerSearchSource or in a web map\u2019s portal settings. The legacy behavior remains unchanged. Here is a table that compares these values for a feature whose portname<\/code> property is \u201cNorthern Indiana Maritime District\u201d:<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":2987365,"id":2987365,"title":"Webmap Setting compared to searchModes","filename":"Webmap-Setting-compare-to-searchModes.png","filesize":36196,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/11\/Webmap-Setting-compare-to-searchModes.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/developers\/enhanced-feature-searching-with-the-maps-sdk-for-javascript\/webmap-setting-compare-to-searchmodes","alt":"","author":"7451","description":"","caption":"Webmap Setting compared to searchModes","name":"webmap-setting-compare-to-searchmodes","status":"inherit","uploaded_to":2987053,"date":"2026-11-05 14:27:26","modified":"2026-11-05 14:27:41","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":847,"height":234,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/11\/Webmap-Setting-compare-to-searchModes-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/11\/Webmap-Setting-compare-to-searchModes.png","medium-width":464,"medium-height":128,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/11\/Webmap-Setting-compare-to-searchModes.png","medium_large-width":768,"medium_large-height":212,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/11\/Webmap-Setting-compare-to-searchModes.png","large-width":847,"large-height":234,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/11\/Webmap-Setting-compare-to-searchModes.png","1536x1536-width":847,"1536x1536-height":234,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/11\/Webmap-Setting-compare-to-searchModes.png","2048x2048-width":847,"2048x2048-height":234,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/11\/Webmap-Setting-compare-to-searchModes-826x228.png","card_image-width":826,"card_image-height":228,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/11\/Webmap-Setting-compare-to-searchModes.png","wide_image-width":847,"wide_image-height":234}},"image_position":"center","orientation":"horizontal","hyperlink":"https:\/\/developers.arcgis.com\/javascript\/latest\/release-notes\/#enhanced-layer-searching"},{"acf_fc_layout":"content","content":"

In the webmap settings, these values have slightly different names. The searchModes from above confer to:<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":2987272,"id":2987272,"title":"Webmap Search Settings (version 5.2, post-November 2026)","filename":"5.2-Webmap-Search-Settings.png","filesize":53688,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/11\/5.2-Webmap-Search-Settings.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/developers\/enhanced-feature-searching-with-the-maps-sdk-for-javascript\/5-2-webmap-search-settings","alt":"","author":"7451","description":"","caption":"Webmap Search Settings (version 5.2, post-November 2026)","name":"5-2-webmap-search-settings","status":"inherit","uploaded_to":2987053,"date":"2026-11-04 20:25:08","modified":"2026-11-06 15:43:43","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":768,"height":435,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/11\/5.2-Webmap-Search-Settings-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/11\/5.2-Webmap-Search-Settings.png","medium-width":461,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/11\/5.2-Webmap-Search-Settings.png","medium_large-width":768,"medium_large-height":435,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/11\/5.2-Webmap-Search-Settings.png","large-width":768,"large-height":435,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/11\/5.2-Webmap-Search-Settings.png","1536x1536-width":768,"1536x1536-height":435,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/11\/5.2-Webmap-Search-Settings.png","2048x2048-width":768,"2048x2048-height":435,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/11\/5.2-Webmap-Search-Settings.png","card_image-width":768,"card_image-height":435,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/11\/5.2-Webmap-Search-Settings.png","wide_image-width":768,"wide_image-height":435}},"image_position":"center","orientation":"horizontal","hyperlink":"https:\/\/doc.arcgis.com\/en\/arcgis-online\/create-maps\/configure-feature-search.htm"},{"acf_fc_layout":"content","content":"

Now we can compare the new searchMode property with the new webmap settings:<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":2987276,"id":2987276,"title":"Webmap Setting compared to searchModes","filename":"Webmap-Setting-compared-to-searchModes.png","filesize":20986,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/11\/Webmap-Setting-compared-to-searchModes.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/developers\/enhanced-feature-searching-with-the-maps-sdk-for-javascript\/webmap-setting-compared-to-searchmodes","alt":"","author":"7451","description":"","caption":"Webmap Setting compared to searchModes","name":"webmap-setting-compared-to-searchmodes","status":"inherit","uploaded_to":2987053,"date":"2026-11-04 20:39:51","modified":"2026-11-04 20:39:57","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":436,"height":195,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/11\/Webmap-Setting-compared-to-searchModes-213x195.png","thumbnail-width":213,"thumbnail-height":195,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/11\/Webmap-Setting-compared-to-searchModes.png","medium-width":436,"medium-height":195,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/11\/Webmap-Setting-compared-to-searchModes.png","medium_large-width":436,"medium_large-height":195,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/11\/Webmap-Setting-compared-to-searchModes.png","large-width":436,"large-height":195,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/11\/Webmap-Setting-compared-to-searchModes.png","1536x1536-width":436,"1536x1536-height":195,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/11\/Webmap-Setting-compared-to-searchModes.png","2048x2048-width":436,"2048x2048-height":195,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/11\/Webmap-Setting-compared-to-searchModes.png","card_image-width":436,"card_image-height":195,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/11\/Webmap-Setting-compared-to-searchModes.png","wide_image-width":436,"wide_image-height":195}},"image_position":"center","orientation":"horizontal","hyperlink":"https:\/\/developers.arcgis.com\/javascript\/latest\/release-notes\/#enhanced-layer-searching"},{"acf_fc_layout":"content","content":"

Currently, we do not offer a “contains” searchMode to developers (except for apps like Field Maps for offline searching<\/a>). The “starts-with” value will perform the same results.<\/p>\n"},{"acf_fc_layout":"content","content":"

 <\/p>\n

Demos<\/h2>\n

Now let’s look at some 5.2 search updates in action. We’ll also cover some search tips and best practices along the way. Any demo using the ArcGIS World Geocoder service requires a token for authentication. These demos expect an API Key<\/a> to authenticate. You can either replace it with your own API Key in the codepens, or remove it and log in once prompted.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":2987376,"id":2987376,"title":"compare LayerSearchSource searchModes","filename":"compare-LayerSearchSource-searchModes.png","filesize":805252,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/11\/compare-LayerSearchSource-searchModes.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/developers\/enhanced-feature-searching-with-the-maps-sdk-for-javascript\/compare-layersearchsource-searchmodes","alt":"","author":"7451","description":"","caption":"compare LayerSearchSource searchModes","name":"compare-layersearchsource-searchmodes","status":"inherit","uploaded_to":2987053,"date":"2026-11-05 16:08:34","modified":"2026-11-05 16:08:40","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":964,"height":616,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/11\/compare-LayerSearchSource-searchModes-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/11\/compare-LayerSearchSource-searchModes.png","medium-width":408,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/11\/compare-LayerSearchSource-searchModes.png","medium_large-width":768,"medium_large-height":491,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/11\/compare-LayerSearchSource-searchModes.png","large-width":964,"large-height":616,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/11\/compare-LayerSearchSource-searchModes.png","1536x1536-width":964,"1536x1536-height":616,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/11\/compare-LayerSearchSource-searchModes.png","2048x2048-width":964,"2048x2048-height":616,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/11\/compare-LayerSearchSource-searchModes-728x465.png","card_image-width":728,"card_image-height":465,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/11\/compare-LayerSearchSource-searchModes.png","wide_image-width":964,"wide_image-height":616}},"image_position":"center","orientation":"horizontal","hyperlink":"https:\/\/codepen.io\/editor\/noash\/pen\/01a1a2d3-33fe-7165-9856-ea78e4242cf5"},{"acf_fc_layout":"content","content":"

Demo: Compare searchModes<\/a><\/strong><\/p>\n

The above app compares the different searchMode<\/a> values with the same layer search source. First, we set the allPlaceholder<\/a> value to match the nature-focus theme. Next, since we’re using a webmap, and we don’t want to include any locators associated with the webmap searching, we disable the default sources<\/a> to the arcgis-search component. Then we define our layers and popups like usual. Each layer uses a different searchMode in the search.sources<\/a>. Lastly, we modify the minimum characters required to display a suggestion<\/a> to a value of 1. This is not recommended for large layers, but is appropriate here in this small app. Try different search terms to compare the different searchMode values.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":2987377,"id":2987377,"title":"LayerListModel and LayerSearchSource","filename":"LayerListModel-and-LayerSearchSource-1.png","filesize":662186,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/11\/LayerListModel-and-LayerSearchSource-1.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/developers\/enhanced-feature-searching-with-the-maps-sdk-for-javascript\/layerlistmodel-and-layersearchsource-2","alt":"","author":"7451","description":"","caption":"LayerListModel and LayerSearchSource","name":"layerlistmodel-and-layersearchsource-2","status":"inherit","uploaded_to":2987053,"date":"2026-11-05 16:09:47","modified":"2026-11-05 16:09:53","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":964,"height":616,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/11\/LayerListModel-and-LayerSearchSource-1-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/11\/LayerListModel-and-LayerSearchSource-1.png","medium-width":408,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/11\/LayerListModel-and-LayerSearchSource-1.png","medium_large-width":768,"medium_large-height":491,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/11\/LayerListModel-and-LayerSearchSource-1.png","large-width":964,"large-height":616,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/11\/LayerListModel-and-LayerSearchSource-1.png","1536x1536-width":964,"1536x1536-height":616,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/11\/LayerListModel-and-LayerSearchSource-1.png","2048x2048-width":964,"2048x2048-height":616,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/11\/LayerListModel-and-LayerSearchSource-1-728x465.png","card_image-width":728,"card_image-height":465,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/11\/LayerListModel-and-LayerSearchSource-1.png","wide_image-width":964,"wide_image-height":616}},"image_position":"center","orientation":"horizontal","hyperlink":"https:\/\/codepen.io\/editor\/noash\/pen\/01a18e9d-a915-75d8-b404-80743580aace"},{"acf_fc_layout":"content","content":"

Demo: LayerListModel and LayerSearchSource<\/a><\/strong><\/p>\n

The above app is based on a sample made by Sage Wall<\/a>. Similar to the previous demo, but here we use the new LayerListModel<\/a> to customize the user experience. This app shows how the search experience works nicely with other classes and components in the SDK to make engaging and useful web applications. See the original sample here<\/a>.<\/p>\n

Demo: LayerListModel and LayerSearchSource – No searchAll<\/a><\/strong><\/p>\n

However, there was one issue with the previous demo. Users can search all three categories at the same time.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":2987489,"id":2987489,"title":"Search in All","filename":"Screenshot-2026-11-05-at-12.19.37-PM.png","filesize":28814,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/11\/Screenshot-2026-11-05-at-12.19.37-PM.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/developers\/enhanced-feature-searching-with-the-maps-sdk-for-javascript\/screenshot-2026-11-05-at-12-19-37-pm","alt":"","author":"7451","description":"","caption":"Search in All","name":"screenshot-2026-11-05-at-12-19-37-pm","status":"inherit","uploaded_to":2987053,"date":"2026-11-05 18:20:28","modified":"2026-11-05 18:20:38","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":240,"height":198,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/11\/Screenshot-2026-11-05-at-12.19.37-PM-213x198.png","thumbnail-width":213,"thumbnail-height":198,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/11\/Screenshot-2026-11-05-at-12.19.37-PM.png","medium-width":240,"medium-height":198,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/11\/Screenshot-2026-11-05-at-12.19.37-PM.png","medium_large-width":240,"medium_large-height":198,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/11\/Screenshot-2026-11-05-at-12.19.37-PM.png","large-width":240,"large-height":198,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/11\/Screenshot-2026-11-05-at-12.19.37-PM.png","1536x1536-width":240,"1536x1536-height":198,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/11\/Screenshot-2026-11-05-at-12.19.37-PM.png","2048x2048-width":240,"2048x2048-height":198,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/11\/Screenshot-2026-11-05-at-12.19.37-PM.png","card_image-width":240,"card_image-height":198,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/11\/Screenshot-2026-11-05-at-12.19.37-PM.png","wide_image-width":240,"wide_image-height":198}},"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"

In our scenario, it is unlikely that users want this ability as it can confuse the types of results provided. So we can disable that by using the searchAllDisabled<\/a> property. Note that when this is disabled, the allPlaceholder<\/a> value will no longer be honored. The placeholder of the top locator value will display by default.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":2987497,"id":2987497,"title":"Search in one at a time","filename":"Screenshot-2026-11-05-at-12.24.35-PM.png","filesize":22174,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/11\/Screenshot-2026-11-05-at-12.24.35-PM.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/developers\/enhanced-feature-searching-with-the-maps-sdk-for-javascript\/screenshot-2026-11-05-at-12-24-35-pm","alt":"","author":"7451","description":"","caption":"Search in one at a time","name":"screenshot-2026-11-05-at-12-24-35-pm","status":"inherit","uploaded_to":2987053,"date":"2026-11-05 18:24:51","modified":"2026-11-05 18:53:59","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":232,"height":166,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/11\/Screenshot-2026-11-05-at-12.24.35-PM-213x166.png","thumbnail-width":213,"thumbnail-height":166,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/11\/Screenshot-2026-11-05-at-12.24.35-PM.png","medium-width":232,"medium-height":166,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/11\/Screenshot-2026-11-05-at-12.24.35-PM.png","medium_large-width":232,"medium_large-height":166,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/11\/Screenshot-2026-11-05-at-12.24.35-PM.png","large-width":232,"large-height":166,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/11\/Screenshot-2026-11-05-at-12.24.35-PM.png","1536x1536-width":232,"1536x1536-height":166,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/11\/Screenshot-2026-11-05-at-12.24.35-PM.png","2048x2048-width":232,"2048x2048-height":166,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/11\/Screenshot-2026-11-05-at-12.24.35-PM.png","card_image-width":232,"card_image-height":166,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/11\/Screenshot-2026-11-05-at-12.24.35-PM.png","wide_image-width":232,"wide_image-height":166}},"image_position":"center","orientation":"horizontal","hyperlink":""},{"acf_fc_layout":"content","content":"

Let’s move on to some different demos. The componentOnReady<\/a> method is an important concept for components. This should be used before setting any additional properties or calling any methods in JavaScript. See the Component readiness and events<\/a> doc for more information. We’ll look at a few different examples of this method, and then look at a new and similar method at version 5.2: onSourcesReady<\/a>.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":2987382,"id":2987382,"title":"componentOnReady","filename":"componentOnReady.png","filesize":187461,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/11\/componentOnReady.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/developers\/enhanced-feature-searching-with-the-maps-sdk-for-javascript\/componentonready","alt":"","author":"7451","description":"","caption":"componentOnReady","name":"componentonready","status":"inherit","uploaded_to":2987053,"date":"2026-11-05 16:29:53","modified":"2026-11-05 16:30:00","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":898,"height":594,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/11\/componentOnReady-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/11\/componentOnReady.png","medium-width":395,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/11\/componentOnReady.png","medium_large-width":768,"medium_large-height":508,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/11\/componentOnReady.png","large-width":898,"large-height":594,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/11\/componentOnReady.png","1536x1536-width":898,"1536x1536-height":594,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/11\/componentOnReady.png","2048x2048-width":898,"2048x2048-height":594,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/11\/componentOnReady-703x465.png","card_image-width":703,"card_image-height":465,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/11\/componentOnReady.png","wide_image-width":898,"wide_image-height":594}},"image_position":"center","orientation":"horizontal","hyperlink":"https:\/\/codepen.io\/editor\/noash\/pen\/01a1a311-a336-79bb-849e-d5f7eef4a2de"},{"acf_fc_layout":"content","content":"

Demo: Search for Area Codes<\/a><\/strong><\/p>\n

The above app uses componentOnReady<\/a> method to ensure the arcgis-search component is ready to go before interaction. This app allows us to search for US telephone Area Codes. It also uses the arcgis-coordinate-conversion-next<\/a> component in minimal configuration, which adds to the look and feel of the app.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":2987425,"id":2987425,"title":"componentOnReady - Area Code Explorer","filename":"componentOnReady-Area-Code-Explorer.png","filesize":126888,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/11\/componentOnReady-Area-Code-Explorer.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/developers\/enhanced-feature-searching-with-the-maps-sdk-for-javascript\/componentonready-area-code-explorer","alt":"","author":"7451","description":"","caption":"componentOnReady - Area Code Explorer","name":"componentonready-area-code-explorer","status":"inherit","uploaded_to":2987053,"date":"2026-11-05 17:25:59","modified":"2026-11-05 17:26:07","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":898,"height":594,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/11\/componentOnReady-Area-Code-Explorer-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/11\/componentOnReady-Area-Code-Explorer.png","medium-width":395,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/11\/componentOnReady-Area-Code-Explorer.png","medium_large-width":768,"medium_large-height":508,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/11\/componentOnReady-Area-Code-Explorer.png","large-width":898,"large-height":594,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/11\/componentOnReady-Area-Code-Explorer.png","1536x1536-width":898,"1536x1536-height":594,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/11\/componentOnReady-Area-Code-Explorer.png","2048x2048-width":898,"2048x2048-height":594,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/11\/componentOnReady-Area-Code-Explorer-703x465.png","card_image-width":703,"card_image-height":465,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/11\/componentOnReady-Area-Code-Explorer.png","wide_image-width":898,"wide_image-height":594}},"image_position":"center","orientation":"horizontal","hyperlink":"https:\/\/codepen.io\/editor\/noash\/pen\/01a18e50-2c78-7f7f-aa95-0762ba1491c0"},{"acf_fc_layout":"content","content":"

Demo: Explore Area Codes with Search<\/a><\/strong><\/p>\n

The above app also uses the componentOnReady<\/a> method, but has no visible labels on the map. This app is for exploring US telephone Area Codes, and again can take a single character input to offer suggestions. This can be a fun and interactive way to search for Area Codes.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":2987473,"id":2987473,"title":"componentOnReady - countryCode","filename":"componentOnReady-countryCode.png","filesize":275986,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/11\/componentOnReady-countryCode.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/developers\/enhanced-feature-searching-with-the-maps-sdk-for-javascript\/componentonready-countrycode","alt":"","author":"7451","description":"","caption":"componentOnReady - countryCode","name":"componentonready-countrycode","status":"inherit","uploaded_to":2987053,"date":"2026-11-05 18:01:07","modified":"2026-11-05 18:01:12","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":1072,"height":724,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/11\/componentOnReady-countryCode-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/11\/componentOnReady-countryCode.png","medium-width":386,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/11\/componentOnReady-countryCode.png","medium_large-width":768,"medium_large-height":519,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/11\/componentOnReady-countryCode.png","large-width":1072,"large-height":724,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/11\/componentOnReady-countryCode.png","1536x1536-width":1072,"1536x1536-height":724,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/11\/componentOnReady-countryCode.png","2048x2048-width":1072,"2048x2048-height":724,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/11\/componentOnReady-countryCode-689x465.png","card_image-width":689,"card_image-height":465,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/11\/componentOnReady-countryCode.png","wide_image-width":1072,"wide_image-height":724}},"image_position":"center","orientation":"horizontal","hyperlink":"https:\/\/codepen.io\/editor\/noash\/pen\/01a1a280-3c8a-7e27-950c-52ca2216cf65"},{"acf_fc_layout":"content","content":"

Demo: Search cities with countryCode<\/a><\/strong><\/p>\n

The above app also uses the componentOnReady, but also uses countryCode<\/a> (note this property only applies to locator sources, not layer sources). We have two city search sources, one of cities around the world from a layer, and one of cities restricted to the countries of USA and Canada from a locator (Esri World Geocoder service, which requires authentication). It’s worth noting that we recommend disabling the default sources<\/a> for the arcgis-search component when modifying locator source properties, otherwise default locators associated with the webmap may display.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":2987426,"id":2987426,"title":"onSourcesReady","filename":"onSourcesReady.png","filesize":141857,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/11\/onSourcesReady.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/developers\/enhanced-feature-searching-with-the-maps-sdk-for-javascript\/onsourcesready","alt":"","author":"7451","description":"","caption":"onSourcesReady","name":"onsourcesready","status":"inherit","uploaded_to":2987053,"date":"2026-11-05 17:26:45","modified":"2026-11-05 17:26:50","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":898,"height":594,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/11\/onSourcesReady-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/11\/onSourcesReady.png","medium-width":395,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/11\/onSourcesReady.png","medium_large-width":768,"medium_large-height":508,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/11\/onSourcesReady.png","large-width":898,"large-height":594,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/11\/onSourcesReady.png","1536x1536-width":898,"1536x1536-height":594,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/11\/onSourcesReady.png","2048x2048-width":898,"2048x2048-height":594,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/11\/onSourcesReady-703x465.png","card_image-width":703,"card_image-height":465,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/11\/onSourcesReady.png","wide_image-width":898,"wide_image-height":594}},"image_position":"center","orientation":"horizontal","hyperlink":"https:\/\/codepen.io\/editor\/noash\/pen\/01a18dcd-4739-7202-830d-dff6931a44dc"},{"acf_fc_layout":"content","content":"

Demo: Search() on load<\/a><\/strong><\/p>\n

The above app uses the new onSourcesReady<\/a> method. This waits for all the default resources needed by the arcgis-search component before returning a promise. This can be especially useful when the arcgis-search component needs to be immediately ready to take action once the app loads. In this case, we want to search for “603” using the search<\/a> method upon loading. This differs from componentOnReady, which waits for the component to be initialized, while onSourcesReady waits for the component to be initialized and default sources to be loaded.<\/span><\/p>\n

Demo: Search() on load – searchAll<\/a><\/strong><\/p>\n

However, there was one issue again with the previous demo. Users couldn’t search both Area Codes and places at the same time. Even though we don’t want an allPlaceholder<\/a> value, we do want our users to search both sources at the same time.<\/p>\n"},{"acf_fc_layout":"image","image":{"ID":2987431,"id":2987431,"title":"Search component with multiple sources","filename":"Screenshot-2026-11-05-at-11.30.28-AM.png","filesize":497285,"url":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/11\/Screenshot-2026-11-05-at-11.30.28-AM.png","link":"https:\/\/www.esri.com\/arcgis-blog\/products\/js-api-arcgis\/developers\/enhanced-feature-searching-with-the-maps-sdk-for-javascript\/screenshot-2026-11-05-at-11-30-28-am","alt":"","author":"7451","description":"","caption":"Search component with multiple sources","name":"screenshot-2026-11-05-at-11-30-28-am","status":"inherit","uploaded_to":2987053,"date":"2026-11-05 17:31:03","modified":"2026-11-05 17:31:11","menu_order":0,"mime_type":"image\/png","type":"image","subtype":"png","icon":"https:\/\/www.esri.com\/arcgis-blog\/wp-includes\/images\/media\/default.png","width":919,"height":590,"sizes":{"thumbnail":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/11\/Screenshot-2026-11-05-at-11.30.28-AM-213x200.png","thumbnail-width":213,"thumbnail-height":200,"medium":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/11\/Screenshot-2026-11-05-at-11.30.28-AM.png","medium-width":407,"medium-height":261,"medium_large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/11\/Screenshot-2026-11-05-at-11.30.28-AM.png","medium_large-width":768,"medium_large-height":493,"large":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/11\/Screenshot-2026-11-05-at-11.30.28-AM.png","large-width":919,"large-height":590,"1536x1536":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/11\/Screenshot-2026-11-05-at-11.30.28-AM.png","1536x1536-width":919,"1536x1536-height":590,"2048x2048":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/11\/Screenshot-2026-11-05-at-11.30.28-AM.png","2048x2048-width":919,"2048x2048-height":590,"card_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/11\/Screenshot-2026-11-05-at-11.30.28-AM-724x465.png","card_image-width":724,"card_image-height":465,"wide_image":"https:\/\/www.esri.com\/arcgis-blog\/app\/uploads\/2026\/11\/Screenshot-2026-11-05-at-11.30.28-AM.png","wide_image-width":919,"wide_image-height":590}},"image_position":"center","orientation":"horizontal","hyperlink":"https:\/\/developers.arcgis.com\/javascript\/latest\/sample-code\/search-component-multisource\/?view=playground-only"},{"acf_fc_layout":"content","content":"

For posterity, the above sample<\/a> is from our SDK, updated for version 5.2 with the new searchMode.<\/p>\n

 <\/p>\n

Conclusion<\/h2>\n

The new searchMode property and onSourcesReady method help users work more effectively with full-text-indexed layers and the arcgis-search component in general. While many of the search settings can be configured in the webmap UI, they can be overwritten or added-to in custom applications. The flexibility and usefulness of the arcgis-search component at version 5.2 make it a powerful and compelling tool for webmaps and apps.<\/p>\n"},{"acf_fc_layout":"content","content":"

 <\/p>\n

References<\/h2>\n

 <\/p>\n

ArcGIS Maps SDK for JavaScript<\/p>\n