Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Chakra UI - MAP Integration in React with React-Map-GL and Deck-GL

Prodramp via YouTube

Start learning Write review
Coursera Ad

AI, Data Science & Cloud Certificates from Google, IBM & Meta

Learn More → Corporate Finance Institute Ad

Learn Excel and Financial Modeling the Way Finance Teams Actually Use Them

Learn More →

Overview

Google, IBM & Meta Certificates – 40% Off
One Coursera Plus subscription covers most Professional Certificates on Coursera.
Unlock All Certificates
This course demonstrates how to integrate Mapbox maps with React using react-map-gl and deck.gl. Learners build layered visualizations including heatmaps, scatterplots, arcs, text, and hexagons.

Syllabus

Video Start
Content Intro
Tutorial Plan
Source Code Walkthrough at GitHub
Loading base starter code in VSCODE IDE
Adding /mapHome route to code
Integrating MapBox Access Token
ReactMapGL
DeckGL Examples Review
DeckGL Introduction with StaticMap
Heatmap Layer
ScatterPlot Layer
Arc Layer
Text Layer
Text + Scatterplot Layers
Hexagon Layer
Text + Hex + Scatterplot Layers
Recap
Code push to GitHub
Credits

Taught by

Prodramp

Reviews

Start your review of Chakra UI - MAP Integration in React with React-Map-GL and Deck-GL

Start learning

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Sign up for free
Someone learning on their laptop while sitting on the floor.