Map Address Search [Mapbox Only]

[Lucas_No-Code-Flow]

← Back to Documentation Overview

Intro

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.

Implement with Dynamic Map

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

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.