The capitals of countries in South America displayed as custom SVG markers.
* 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 example shows how to add custom SVG markers to a map. To see an example of how to add basic SVG markers, please take a look at this example.
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.