DEV Community 👩‍💻👨‍💻

Leigh Halliday
Leigh Halliday

Posted on

Mapbox - Interactive Maps in React (Video)

In this video we'll see how to use Mapbox to display markers for all the skateparks from Ottawa, our great capital of Canada.

Source code can be found here: https://github.com/leighhalliday/mapbox-react-demo

Data can be found here: http://data.ottawa.ca/dataset/skateboard-parks/resource/8c26bbf7-51d9-4b54-997a-c472c5b6d355

Seriously, props to Ottawa for making so much open data available in an easily digestible format.

Top comments (9)

Collapse
 
mattfigler profile image
Matt Figler

When DEV & skateboarding coalesce!

Collapse
 
leighhalliday profile image
Leigh Halliday

Ohhh yea! :D Thanks for watching!

Collapse
 
dance2die profile image
Sung M. Kim

Thank you, Leigh.
Just finished watching it and you made it so easy to show data on the map.

Collapse
 
leighhalliday profile image
Leigh Halliday

:) Glad you enjoyed it, Sung! I have quite a few more videos on YouTube if you're interested in checking them out.

Collapse
 
dance2die profile image
Sung M. Kim

Say no more~ Already subscribed 😉

Collapse
 
kristibyrnes profile image
Kristi Byrnes

Great tutorial!

Collapse
 
leighhalliday profile image
Leigh Halliday

Thank you, Kristi! I appreciate it!

Collapse
 
jaimindesai76 profile image
Jaimin Desai

Nice tutorial !!

Collapse
 
leighhalliday profile image
Leigh Halliday

Thanks Jaimin! Glad you enjoyed it!

16 Libraries You Should Know as a React Developer

Being a modern React developer is not about knowing just React itself. To stay competitive, it is highly recommended to explore the whole ecosystem. This article contains some of the most useful React component libraries to speed up your developer workflow.