Edit product

Building Interactive Maps with React

This is a course for the beginner to advanced React developer who wants to learn how to build interactive maps and integrate them into their React applications. The course is structured as a collection of written guides that will provide you with a strong foundation for your own use cases going forward.

Map-related features are only becoming more prevalent in web applications. Think of how much value maps add to applications like Airbnb, Uber and Lyft, Strava, and The New York Times for instance.

Accordingly, understanding how to build and integrate maps into a web application can be a powerful tool in your tool belt. This course covers the fundamentals of what you will need to start building web maps and covers everything from map design, spatial data management, adding interactivity to your maps, and most importantly how to bring your maps to life on the web.

The course focuses on two key technologies, React and Mapbox, that play very well together. I have chosen these two tools because I think they offer the easiest and most powerful way to bring dynamic maps into an application.

Why Did I Create This?

I created this course to save you time! The "m", "a", "p" keys are rutted out on my keyboard from doing so many google searches on how to create a map that does x,y and z. I have been building map-driven applications with Mapbox since 2015 and wanted to centralize all of the knowledge I have learned in this process.

What's Inside?

A thoughtfully organized course comprised of guides, tutorials, and reference materials. I have made a concerted effort to include a mix of lessons focused on the fundamentals in addition to technical deep dives.

Here is a free sample if you would like to try before you buy!

The course covers the following topics:

Overview of the Mapbox platform and what it allows you to build

• Building your first map: the basics of building your first map using Mapbox and React

• A comprehensive guide to the Mapbox base maps and ideal use cases for each

• Designing your own base maps using Mapbox Studio

• Managing and visualizing your spatial data using Mapbox Studio

• Integrating and visualizing your spatial data in a React application using Mapbox GL JS

• Styling map layers and updating layer styling based on data and map zoom levels

• Adding interactivity to your maps using popups and controls

• Filtering map features based on user input and interactions


How Comfortable with React Should I Be?

This guide was written with a beginner to advanced React developer in mind. It assumes that you are least familiar with and ideally comfortable with React. There is enough content to cover just in terms of the Mapbox pieces. This guide would be crazy crazy long and ultimately much less effective if I focused on teaching the basics of both React and Mapbox.

Does this work on the free version of Notion?

You betcha! Once you purchase the handbook, you will be automagically redirected to a notion page where you can duplicate the handbook and either add it your workspace or view it directly in the browser.

Is there a refund policy?

Absolutely. There is a 30-day money back guarantee. If you feel like you didn't get your money's worth, just give me a shout.

Can I share content from the course publicly?

Feel free to share a single lesson but please make sure you link back to the source (this page) when doing so.

Can I duplicate this database to share with my team / friends?

Unfortunately not. You are purchasing a personal license for individual use. If you are interested in purchasing for a team, please reach out to me about team pricing!

Can I request additional chapters?

You betcha! I intend for this to be a living and breathing document that is expanded over time.

What makes me qualified to teach this?

GIS and developing map-driven web applications are a large part of the reason I learned to code. I have spent the last six years learning the ins and outs of developing map-driven applications and am still just as passionate about the subject today as when I started. Every day job I have worked and nearly every side project I have taken on during this time period has had a large mapping component to it.

Any other questions? Feel free to reach out! You can reach me on Twitter @_btyler_

You've purchased this product

See it in your library

View in Library
Sorry, this item is not available in your location.
Sold out, please go back and pick another option.
  • A primer course for anyone wanting to learn how to integrate interactive maps into their own applications.
  • UpdatesFree forever
  • FormatNotion Dashboard
  • Guarantee100% Money-Back Guarantee (30 Days)
  • AccessLifetime


Building Interactive Maps with React

Enter your info to complete your purchase of Just the Course


···· ···· ···· 4242
Test card



Use a different card?


pp paypal

or pay with

We do not keep any of your sensitive credit card information on file with us unless you ask us to after this purchase is complete.

or pay with

You'll be charged US$29.

Your purchase was successful!

We charged your card and sent you a receipt

    Gumroad Library

    Download from the App Store or text yourself a link to the app

    Good news! Since you already have a Gumroad account, it's also been added to your library.

    Powered by Gumroad