React Leaflet

Code example

import { MapContainer, TileLayer, Marker } from "react-leaflet";
import "leaflet/dist/leaflet.css";

export function Example() {
  return (
    <MapContainer center={[51.505, -0.09]} zoom={13} style={{ height: 240 }}>
      <TileLayer url="https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png" />
      <Marker position={[51.505, -0.09]} />
    </MapContainer>
  );
}

Pros & cons

FAQs