illustration for Build Maps with React Leaflet

Build Maps with React Leaflet

Instructor

Colby Fayock
53m
Star icon$$$
Star icon$$$
Star icon$$$
Star icon$$$
Star icon$$$
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.

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