Basic Map

This example shows how to create a basic world map using react-simple-maps and a world-50m.json topojson file.

Check out the code for this example on github.

The default setup of react-simple-maps using the world-50m.json topojson file, will render a world map using the Times projection. The above map has basic hover and pressed styles and panning is disabled.

* 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 and

react-simple-maps is a library of React components to make SVG maps using d3-geo and topojson.

react-simple-maps was made at and is maintained by z creative labs.

Check out these mapping articles we wrote on Medium!
Copyright © Richard Zimerman 2017. MIT Licensed.