Getting started - Add Map to your React application using React-Leaflet - Part 1
How to use the React-Leaflet package to add an interactive Map to your React JS application/website using functional components.
✅ Subscribe for more videos like this one
🔔 Click on the bell icon to be notified when I release a new video
👍 Please like my video!
⚠️ Join my channel to get access to perks: / @federicotartarini
🙏 Support my channel on Patreon at / federicotartarini
☕ Support my channel by buying me a coffee - https://www.buymeacoffee.com/FedericoT
🎥 Playlists you may find useful:
➜ Beamer LaTeX course:
• LaTeX Beamer
➜ Full LaTeX course:
• LaTeX
➜ PyCharm course:
• PyCharm
➜ Building a documentation website with Docusaurus:
• Docusaurus
🎥 Videos you may find useful:
➜ Build and deploy a documentation website using Docusaurus 2: • Build and deploy a documentation webs...
➜ Add a glossary to your document containing terms and acronyms: • Add a glossary to your document conta...
➜ Write a paper using the Elsevier template: • How to Get Started and Write a Paper ...
➜ Overleaf and GitHub integration: • Overleaf and GitHub integration - syn...
➜ Review a document in Overleaf: • Review a document in Overleaf
➜ Export citations from Mendeley into LaTeX: • Export citations from Mendeley into L...
➜ Pandas DataFrame to LaTeX table: • Pandas DataFrame to LaTeX table - LaT...
➜ How to use git and GitHub with PyCharm: • How to use git and GitHub with PyChar...
➜ Use Grammarly in Overleaf ✍️: • Use Grammarly in Overleaf ✍️
➜ TeXiFy - PyCharm IntelliJ LaTeX plug-in: • TeXiFy - PyCharm IntelliJ LaTeX plug-...
➜ Nomenclature in LaTeX document: • Nomenclature in LaTeX document - all ...
➜ Why you should start using LaTeX now!!: • 10 Reasons Why You Should Start Using...
✅ Let's connect:
🌍 My website - https://federicotartarini.github.io/
💻 GitHub - https://github.com/FedericoTartarini
Twitter - / federicotartar1
LinkedIn – / federico-tartarini
📝 Useful notes
More information about the React-Leaflet package here: https://react-leaflet.js.org
and about React here: https://reactjs.org
👨💻 Source code -- Download the source code here:
https://github.com/FedericoTartarini/...
🎥 Content of this video:
00:00 - Introduction
00:20 - Create react app
01:00 - Install dependencies
01:50 - Install React Leaflet
03:20 - Create a React component and display map
10:07 - Add .css files to render the map
🔣 Keywords:
#react #leaflet #ReactJS #ReactLeaflet #Map #OpenStreetMap