illustration for Build Maps with React Leaflet
pro

Build Maps with React Leaflet

Instructor

Colby Fayock

53m closed-captioning
·
61 lessons
Star icon$$$
Star icon$$$
Star icon$$$
Star icon$$$
Star icon$$$
4.2
46
people completed
Published 4 years ago
|
Updated 4 years ago

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.

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

Course Content

53m • 61 lessons