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 changescale
prop inComposableMap
.