react-simple-maps
react-simple-maps copied to clipboard
Zoom to bounding box for feature
I converted this D3 demo and put it into react-simple-maps https://observablehq.com/@d3/zoom-to-bounding-box
<ZoomableGeo>
Given a GeoJSON feature, it will zoom to fill the screen with the bounding box of that feature.
Props
boundsGeoJSON feature object, or null for entire geographyboundsMarginHow much margin around feature bounds (0.05 is 5%)durationHow long is zoom and translation animation (ms)minZoomMinimum zoom levelmaxZoomMaximum zoom levelonZoomStartonZoomonZoomEnd