About this episode
Learn how to use Mapbox GL JS to build an interactive web map to help users find locations on the map. Our store locator tutorial uses retail locations, but your map can include any collection of locations, such as food banks or hospitals and health clinics. Madison Draper will code a new locator using the tutorial and answer live questions about the solution and tooling.
You'll learn to...
- Create the basic front-end structure for your web application
- Load your own data for results
- Add interactivity to your map with JavaScript popups, flyTo animations, and more
Code-along resources
Code along:
Example locators:
Filtering options:
Geocoding your APIs:
Google Sheets data --> JSON:
WordPress:
Data-driven styling:
More 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