mapsbeginner⏱ 15 min setup
react-leaflet
Interactive maps with React. Open-source, no API key required.
Plain language
What is it?
A React wrapper for Leaflet.js — the most popular open-source mapping library. Put interactive maps in your app with markers, popups, and layers.
Why use it at a hackathon?
Many SDG domains are location-based. Food deserts, health clinics, housing, crisis resources — showing these on a map is often the difference between useful and transformative. No paid API key required.
Common use
Food resource maps, health clinic finders, crisis shelter locators, neighborhood equity maps, environmental impact visualizations, civic infrastructure tools.
Tags
mapsopen-sourcetilesmarkersno-api-key
At a glance
Setup time: 15 minutes
Difficulty: beginner
Skill: Beginner. Import the component, give it a center coordinate, and add markers. Uses free OpenStreetMap tiles by default. No account required.
Impact context
Challenge domains
Civic TechHealth & WellbeingFood & AgricultureHousing & InfrastructureCrisis & Disaster ResponseClimate & Environment
SDGs
Zero HungerGood HealthSustainable CitiesClimate ActionNo Poverty
Related components
Go deeper
Building with react-leaflet?
Add it to your hackathon session workspace.