Basic world map
A world map showing countries based on Natural Earth data.
* 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.
Overview
The above example shows the easiest way to make a map chart with react-simple-maps. It uses a topojson file based on the Natural Earth world110m world map shapefile for geographic data.
This example focuses on displaying a basic map without zoom/pan capabilities. If you want to add zoomming or panning check out this example showing hot to use <ZoomableGroup />
.
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.