About this episode
We’ve made it easier to answer the classic question, “Where is the one nearest me?” If you have a list of locations, make it easier for people to find what they need with a map!
The ‘Finder’ Impact Tool is a template based on our Store Locator tutorial with the addition of filter options and mobile-friendly design. Use it to create a simple resource finder application using a spreadsheet of locations. Customize the code to match it to your data fields and make it your own.
It’s built with Assembly.css so it’s mobile-friendly by default, with a sidebar instead of pop-ups, and responsive elements that adjust to your screen size.
You’ll learn to...
- Add a Mapbox token and data source to your config.js file
- Customize data filters in your config.js file
- Select a Mapbox style and insert your access token
Code-along resources
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Block quote
Ordered list
- Item 1
- Item 2
- Item 3
Unordered list
Text link
Bold text
Emphasis
Superscript
Subscript