React-Simple-Map not scaling / Map is very small

808 Views Asked by At

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

1

There are 1 best solutions below

3
On BEST ANSWER

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.