# PaulLeCam/react-leaflet

React components for Leaflet maps

Repository: https://github.com/PaulLeCam/react-leaflet
Canonical: https://ross.abutalabs.com/products/react-leaflet
Homepage: https://react-leaflet.js.org
Language: TypeScript
License: NOASSERTION
License Family: other
Topics: leaflet, map, react, javascript, typescript, leaflet-maps, react-components
Last push: 2025-12-31T13:03:00+00:00

## Health v2 (maintenance only)
Score: 50/100 (v2, computed 2026-09-02T17:46:02.011165+00:00)
- activity 60, release rhythm 8, longevity 100
- inputs: {"age_days": 4413, "days_push": 245, "days_rel": 627, "gap_med": null, "n_releases_24m": 1}
- flags: no_license
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 5597, forks 901 (observed 2026-08-28T04:09:22.774553+00:00)

## What it is
React Leaflet is a library of React components that provide bindings for the Leaflet mapping library, abstracting Leaflet layers and maps as React components. It lets developers build interactive maps declaratively using components like MapContainer, Marker, and TileLayer, with hooks for accessing the underlying Leaflet instances.

## Use cases
- render an interactive map in a React app
- add markers and popups to a map with React components
- display OpenStreetMap tile layers in a web application
- build a location picker with map click events
- create custom map components wrapping Leaflet plugins
- fit map view to geographic bounds in React

## When to choose
- you are building a React application that needs interactive maps
- you want a declarative, component-based API over Leaflet
- you need access to Leaflet's imperative API via refs and hooks
- you want to wrap third-party Leaflet plugins as React components

## When to avoid
- your project does not use React
- you need a mapping library other than Leaflet, such as Mapbox GL or Google Maps
- you need highly dynamic mutation of map props, since most props are immutable after first render
- you need a permissively licensed dependency, as it uses the Hippocratic License

## Facets
- artifact type: library
- maturity: stable
- function: ui-components, frontend-framework
- domain: web-development, frontend
- platform: browser, cross-platform
- tags: react, leaflet, maps, interactive-maps, typescript, react-components, geospatial, nodejs

## Member repositories
- PaulLeCam/react-leaflet (main) score 50

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:09:22.774553+00:00.
- Health v2: computed from the inputs above; adoption is never an input.
- Inferred fields (summary, facets, guidance): AI-extracted, prompt v1, taxonomy v1, on 2026-08-29T17:55:28.465858+00:00, confidence not recorded.
  - readme: https://github.com/PaulLeCam/react-leaflet (fetched 2026-08-28T04:09:22.774553+00:00, sha 6685a9c3dcf2)
  - homepage: https://react-leaflet.js.org (fetched 2026-08-29T08:50:46.395155+00:00, sha b07861902225)
  - site_page: https://react-leaflet.js.org/docs/start-introduction (fetched 2026-08-29T08:50:46.404484+00:00, sha b8324a3dcb33)
  - site_page: https://react-leaflet.js.org/docs/example-popup-marker (fetched 2026-08-29T08:50:46.406684+00:00, sha a58ee2ec7a57)
  - site_page: https://react-leaflet.js.org/docs/api-map (fetched 2026-08-29T08:50:46.408571+00:00, sha c51f2ae5702a)
  - site_page: https://react-leaflet.js.org/docs/v4/start-introduction (fetched 2026-08-29T08:50:46.410354+00:00, sha 38ea1ecfcbb0)
  - site_page: https://react-leaflet.js.org/docs/v3/start-introduction (fetched 2026-08-29T08:50:46.412097+00:00, sha 5cb305b92124)
  - site_page: https://react-leaflet.js.org/docs/core-introduction (fetched 2026-08-29T08:50:46.413840+00:00, sha b9ee6bded783)
  - registry_npm: https://registry.npmjs.org/react-leaflet (fetched 2026-08-29T08:50:46.415715+00:00, sha b2067af19885)
- Data as of 2026-08-30T08:39:29.467469+00:00.