search

zcreativelabs / react-simple-maps

Beautiful React SVG maps with d3-geo and topojson using a declarative api.
https://www.react-simple-maps.io/
MIT License
3.03k stars 424 forks source link

Inconsistent strokewidth for hovering effect #317

Open ziyue5 opened 1 year ago

ziyue5 commented 1 year ago

I am drawing US map and style it with style={{ default: { stroke: '#FAFAFA', strokeWidth: 0.75, outline: 'none' }, hover: { stroke: '#232323', strokeWidth: 2, outline: 'none' }, pressed: { fill: '#345feb', outline: 'none' } }}

However, the width of stroke is inconsistent for different states and even for the single state as shown below:

image image

You can see the width of stroke for WY and NE are different. And the width is not consistent for WY. What should I do to fix it? Thanks so much!!

ihor-stack commented 1 year ago

Any update on this ? Same issue here.

ziyue5 commented 1 year ago

Any update on this ? Same issue here.

Sorry, still no solution