Zooming and pannning
World map with pinch zoom and pan enabled.
* The boundaries and the designations used on this map do not imply the expression of any opinion on the part of the react-simple-maps team or z creative labs and are used for illustrative purposes only. The boundaries and shapes are not part of the react-simple-maps library and are sourced from Natural Earth Data and gadm.org.
The above map shows how to use the
<ZoomableGroup /> component to render a map with pinch zoom and pan enabled.
If you want to use your own shapefiles with react-simple-maps check out this tutorial on how to convert shapefiles to topojson using mapshaper.org.