Creé un mapa simple en el proyecto de reacción con la ayuda de la biblioteca de folletos. Ahora necesito hacer que el mapa se centre en un país específico para que no sea posible desplazar el mapa fuera de sus fronteras.

Hasta ahora, he encontrado soluciones que se aplican solo a un proyecto estándar de Java Script/HTML y no algo que se integre con la biblioteca de folletos para reaccionar.

Además, incluso estas soluciones solo necesitan definir un área donde solo se carga el mapa y no se cargan los otros mosaicos, y como se puede entender por la descripción al comienzo de mi pregunta, esto no es exactamente lo que necesito y me di cuenta. hay otra opción

(Sin embargo, si está familiarizado con otra opción para hacer que el mapa se centre en un país específico de alguna manera, incluso si no hace exactamente lo que describí, siéntase libre de incluirla a continuación. Me encantaría recibir cualquier consejo. )

¿Alguien tiene una idea?

Aquí está mi código:

 import './App.css'; import { MapContainer, TileLayer} from 'react-leaflet'; import 'leaflet/dist/leaflet.css'; function App() { return ( <div> <MapContainer style={{ height: "400vh" }} center={[51.505, -0.09]} zoom={13} scrollWheelZoom={false} > <TileLayer attribution='&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors' url="https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png" /> </MapContainer> </div> ); } export default App;