← Back to Documentation Overview | Search these pages with the button in the top right

Enabling address search lets users filter location items within a radius around a selected location. This is especially useful for maps intended for users familiar with the area where the map items are located.

Enable in Dynamic Map App

1. Activate Address Search (Mapbox Only)
2. Set desired unit for the radius search
3. Set the values for the possible range of the searchable radius.
4. Define the search pattern like Postcode or Street
5. Disable the default bounding box that is set for the map
6. Allow searching only for certain countries (**ISO 3166-2 naming)**

Style Address Search states

Style the address search’s default state utilizing Webflow’s ncf-address-search-input class

Style the address search’s hover state utilizing Webflow’s default hover selector

Style the address search’s active state adding the combo class ncf-address-search-input + active to the class

Style Address Search elements

Style the address search’s interactions using the default Webflow classes inserted by Dynamic Map ncf-address-current-location and ncf-address-clear

<aside> 💡 Pro Tip: Set ncf-address-range-container to Display: None

Now you can design in peace while Dynamic Map is still going to display the address range container on the live site.

</aside>

<aside> 👉 Questions? We're excited to [email protected]

</aside>