1. 1
    Course Introduction: Build Maps with React Leaflet
    1m 7s

Course Introduction: Build Maps with React Leaflet

Colby Fayock
InstructorColby Fayock
Share this video with your friends

Social Share Links

Send Tweet
Published 4 years ago
Updated 4 years ago

Colby Fayock: [0:00] Hello, mappers. Welcome to building maps with React-Leaflet. I'm super excited to walk you through building your own mapping app. I'm Colby Fayock. I've been working as a lead UX and front-end engineer. I've been building mapping apps for commercial satellite dashboards and disaster relief efforts. Enough about me. What are we going to learn?

[0:14] We're going to walk through adding a map to a React application. With our map, we're going to customize it with Mapbox. We're going to learn about some common geospatial data formats like GeoJSON. We'll also walk through building our own GeoJSON. With our mapping app data, we'll add markers to display that data, and we'll learn how to add complex shapes using location metadata.

[0:31] Before we get into that, what will you need? First, you'll need a computer to work through the challenges. I promise you'll be this happy by the end of the workshop. You also need Git on your computer so you can check out the code, and you'll need nodes so we can install our packages and run our scripts. Finally, a positive attitude as we'll have a little bit of fun with our project.

[0:47] In order to get started right away, make sure you follow the steps in the GitHub instructions that walk you through setting up the project. For those familiar with create-react-app, we'll be cloning a project already bootstrapped with it. Basically, we'll be running the install command and then running the develop command to get started.

[1:01] Make sure you're all ready to go before you dive in. I'm super excited to jump right in with you. Thanks for joining in, and let's get started.

egghead
egghead
~ 10 minutes ago

Member comments are a way for members to communicate, interact, and ask questions about a lesson.

The instructor or someone from the community might respond to your question Here are a few basic guidelines to commenting on egghead.io

Be on-Topic

Comments are for discussing a lesson. If you're having a general issue with the website functionality, please contact us at support@egghead.io.

Avoid meta-discussion

  • This was great!
  • This was horrible!
  • I didn't like this because it didn't match my skill level.
  • +1 It will likely be deleted as spam.

Code Problems?

Should be accompanied by code! Codesandbox or Stackblitz provide a way to share code and discuss it in context

Details and Context

Vague question? Vague answer. Any details and context you can provide will lure more interesting answers!

Markdown supported.
Become a member to join the discussionEnroll Today