JoshAtSSS
Posts: 60
Joined: Mon Oct 13, 2014 4:32 pm

Map from SVG has misaligned shapes.

Hi, I'm using the "Highcharts maps from SVG sources" tool (http://www.highcharts.com/studies/map-from-svg.htm) to generate shape data from an SVG. The SVG is based on the "United States of America" (http://code.highcharts.com/mapdata/coun ... us-all.svg), but with added groups. When I load this SVG into converter, the result shows some shapes as out of alignment (MA, MI, WI, etc.).

Another, simpler, test is to...
  1. Download a fresh copy of the SVG (http://code.highcharts.com/mapdata/coun ... us-all.svg).
  2. Open it in Inkscape.
  3. Ungroup the states.
  4. Save the SVG and copy/paste the source into the converter.
You'll see that doing just that causes some shapes to fall out of alignment - yet they look correct in Inkscape.

EDIT: This appears to only affect states which have "islands"...
  1. Select MI and then choose Path > Break Apart.
  2. Select Object > Group.
  3. Save, and reload it into the converter, MI looks better.
Any idea how to prevent/fix this?
User avatar
KacperMadej
Posts: 4632
Joined: Mon Sep 15, 2014 12:43 pm

Re: Map from SVG has misaligned shapes.

Your problem will be passed on to the second line of support.
Kacper Madej
Highcharts Developer
JoshAtSSS
Posts: 60
Joined: Mon Oct 13, 2014 4:32 pm

Re: Map from SVG has misaligned shapes.

Thanks!
torstein.honsi
Site Admin
Posts: 9215
Joined: Thu Nov 09, 2006 11:22 am
Location: Vik i Sogn, Norway

Re: Map from SVG has misaligned shapes.

Sorry for the delay, we will test this.
Torstein Hønsi
CTO, Founder
Highsoft
torstein.honsi
Site Admin
Posts: 9215
Joined: Thu Nov 09, 2006 11:22 am
Location: Vik i Sogn, Norway

Re: Map from SVG has misaligned shapes.

Sorry again for the delay... This bug has been fixed now, please verify with your US map.
Torstein Hønsi
CTO, Founder
Highsoft
JoshAtSSS
Posts: 60
Joined: Mon Oct 13, 2014 4:32 pm

Re: Map from SVG has misaligned shapes.

Looks good, thanks!

Return to “Highcharts Maps”