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 geography -
boundsMarginHow much margin around feature bounds (0.05 is 5%) -
durationHow long is zoom and translation animation (ms) -
minZoomMinimum zoom level -
maxZoomMaximum zoom level -
onZoomStart -
onZoom -
onZoomEnd