Главная
Study mode:
on
1
Video Start
2
Content Intro
3
Tutorial Plan
4
Source Code Walkthrough at GitHub
5
Loading base starter code in VSCODE IDE
6
Adding /mapHome route to code
7
Integrating MapBox Access Token
8
ReactMapGL
9
DeckGL Examples Review
10
DeckGL Introduction with StaticMap
11
Heatmap Layer
12
ScatterPlot Layer
13
Arc Layer
14
Text Layer
15
Text + Scatterplot Layers
16
Hexagon Layer
17
Text + Hex + Scatterplot Layers
18
Recap
19
Code push to GitHub
20
Credits
Description:
Learn to integrate interactive maps into React applications using Chakra UI, react-map-gl, and deck.gl in this comprehensive tutorial. Explore how to implement various map layers including heatmaps, scatterplots, arcs, text, and hexagons. Follow along as the instructor guides you through setting up the project, integrating Mapbox access tokens, and creating different map visualizations. Gain hands-on experience with WebGL-powered data visualization techniques and discover how to combine multiple layers for complex map representations. Perfect for front-end developers looking to enhance their web, mobile, or desktop applications with powerful mapping capabilities.

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

Prodramp
Add to list
0:00 / 0:00