I am attempting to create an interactive map of my home country using react-simple-maps
, I am facing an issue where the map I am rendering in is extremely small, I have tried using height/width
and scale but I cannot seem to get the map to render larger than scale(8)
.
Minimum useable code recreation: https://codesandbox.io/s/zoom-controls-forked-g47m1?file=/src/MapChart.js
I edited your code, you can check solution here.
The problem vas that scale
property in your JSON map data was too small.
If you want to make your map even more bigger change scale
prop in ComposableMap
.