Course content (61 lessons)
- 24
- 45
Build Maps with React Leaflet
53m
4.2
46
people completed
Bookmark
Download
RSS
If you've ever worked on a website for a business, there's a good chance you've included a map.
A Google Map embed is sufficient for showing a location, but doesn't leave you many customization options.
React Leaflet to the rescue!
In this course, Colby Fayock will guide you through a series of lessons and challenges that will build your map making skills as you build out a web app for a fictional restaurant.
You'll get practice with handling API keys and using React Hooks to implement a custom interactive map complete with metadata and additional overlays.
This course has built-in challenges that you are encouraged to pause and work through, but feel free to just watch.
Instructor
Colby FayockI help others learn by doing through articles, videos, and courses about Javascript, React, and the static web. I'm a Lead UX & Front End Engineer passionate about tackling challenges that can help save people’s lives and make the world a better place.
What you'll learn
- Using Mapbox to style the map's appearance
- Store location data in GeoJSON documents
- Customize map markers & tooltips to display metadata
- useEffect and useRef React Hooks
- Dynamic location-based data
- Event handling
