Introducing “Finder”: a low-code template for a mobile-friendly and filterable map of location listings

when
July 23, 2020
 | 
(PST)
Type
July 23, 2020
Duration: 
42:47
Megan Danielson
Education Coordinator, Mapbox
John Branigan
Solutions Architect
Marena Brinkhurst
Community Team, Mapbox
No items found.

Register for webinar

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

  1. Item 1
  2. Item 2
  3. Item 3

Unordered list

  • Item A
  • Item B
  • Item C

Text link

Bold text

Emphasis

Superscript

Subscript