How to implement a map-based service area selector with Finsweet filters for a B2B marketplace?

Post author
Marko Guzvic

Hi everyone.

I'm building a b2b marketplace. Businesses need to be able to set the location and area of work so users can filter them by that. Is there any solution for that

I can use Finsweet filters, I just don't know how to let companies set the work area. Ideally it'd be a map where they type out a place and set radius in kilometers/miles.

Something like when you run google ads, you can set area in which ads will be visible. You have a map, and a search bar. I hope that was clear enough 😄

Comments

1 comment

  • Comment author
    A J

    Have you tried integrating Google Maps API and custom JS for this? Or you could explore this app for inspiration, this might not be a straightforward solution for the use-case but its a close-enough approach which helps with maps, filtering, sorting and searching via connecting to Webflow CMS. You can explore and customize this approach for the project if it seems fit. If not, you might need to dive in a bit and research on other templates / implementation of this use-case and then customize it, as I think there is not yet a built-in exact replica feature for this

    0

Please sign in to leave a comment.