Basic world map

This example illustrates the easiest way to display a world map based on a custom topojson file. You can replace the map file with any valid topojson file.

Since this example focuses on the simplest possible version of a world map it omits the implementation of zooming and panning. If you are interested in the ZoomableGroup component and in adding zooming and panning capabilities to your map, check out the zoom-pan example.

Custom geographies

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.