Map Text Search

The text search lets users find specific map items by typing keywords. Enable Item Search in Dynamic Map App's Filter and Sorting panel, select a CMS text field as the search source, and optionally set a search delay. For better result quality, create a dedicated Tag Search text field populated with relevant keywords per item — AI tools can help generate these quickly.

Map Category Filter

Map Address Search (Mapbox Only)

Intro

The text search / item search allows users to faster find specific items on your map.

Animated GIF showing the Dynamic Map text search filtering map pins in real time as a user types.

Enable in Dynamic Map App

Navigate to Item Search in Filter and Sorting

Select the text field you want to use for search
Set a search delay if desired—this can help improve the user experience during searches.

Dynamic Map App Filter and Sorting panel showing Item Search enabled with a text field selected as the search source.

Update Code

Insert updated code into Dynamic Map’s Custom Code

Animated GIF showing how to copy the updated Dynamic Map code snippet and paste it into the Custom Code embed in Webflow.

Locate in Designer

The ncf-search element is going to be placed inside the map filter wrapper div cru-ncf-map-filter. You can style it like any other form input element in Webflow.

Webflow Designer showing the ncf-search element placed inside the cru-ncf-map-filter element.

Create advanced / tag search field

💡 Pro Tip: Create a Tag Search

To build a more capable search, create a tag search as outlined below. This can significantly improve the quality of your text search results.

Create Tag Search

Create a text field called “Tag Search” in your collection list

Webflow CMS collection editor showing a Tag Search plain text field being added to the collection.

Set Content

Set the content for your tag search. The text search field will scan the entire text field for matches.

💡 Pro Tip: Use AI Using a generative LLM like ChatGPT can make this step quick and easy. Just generate a bunch of tag words for each of CMS items using AI tools and create an advanced search experience with very little effort on yourself.