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
-
bounds
GeoJSON feature object, or null for entire geography -
boundsMargin
How much margin around feature bounds (0.05 is 5%) -
duration
How long is zoom and translation animation (ms) -
minZoom
Minimum zoom level -
maxZoom
Maximum zoom level -
onZoomStart
-
onZoom
-
onZoomEnd