Comments on: Creating an image map from SVG

By: Katrin (Assoly)

Katrin (Assoly) — Mon, 28 Sep 2009 07:29:39 +0000

Hello, David!
I tried to use your script for parsing this http://narod.ru/disk/13596896000/regioni.svg.html file.
Output file:
http://narod.ru/disk/13596953000/output_file.html
But it does not work.
Please help me to solve this problem.

By: jason

jason — Wed, 06 May 2009 18:37:35 +0000

HI THERE- awesome script. wondering how to scale the coordinates so that the script works with an image that is 600 px wide by 247 high (i already made the image)

By: Helder Magalhães

Helder Magalhães — Fri, 13 Mar 2009 09:57:34 +0000

One may also use the Batik framework [1] for that. There’s a patch which is directed towards creating an image map which, although with some limitations, can be a serious helper! ;-)
Unfortunately, to use the patch, some development experience is needed (one needs to user the source version, not a binary release).

Hope this helps,
Helder Magalhães

[1] http://xmlgraphics.apache.org/batik/
[2] https://issues.apache.org/bugzilla/show_bug.cgi?id=45783

By: José Antonio Oliveira

José Antonio Oliveira — Thu, 12 Mar 2009 21:37:23 +0000

Giovanni, if you are using Inkscape to draw the image, try to save it as Plain SVG instead of Inkscape SVG.

I had the same problem and solved this way.

Best regards!

By: crankycoder.com » Links for January 16th

crankycoder.com » Links for January 16th — Fri, 16 Jan 2009 19:01:39 +0000

[...] Creating an image map from SVG < David Lynch – [...]

By: Jiri Barton

Jiri Barton — Tue, 21 Oct 2008 22:24:04 +0000

Interestingly, I want to do the same thing for my django-worldmap application – http://lurkingideas.net/worldmap/.

Having spent the several hours looking for a solution, it seems the only way to do it is to parse the svg and draw the map again somehow – like you have done.

Thanks, at least I know there is probably no other way :)

By: Alpv

Alpv — Sun, 19 Oct 2008 13:56:09 +0000

Hello David,

Great examples. FYI, you mispelled Ecuador (you wrote Equador).

By: Paul McGuire

Paul McGuire — Fri, 26 Sep 2008 13:57:57 +0000

David -

I noticed that your image map of the world contains many doubled coordinates, that is, consecutive coordinates that are the same x-y pair (probably due to float-to-integer roundoff).

Here (http://pyparsing.pastebin.com/f6d3558d9) is a pyparsing script to post-process your generated image map – on your map of the world, it removes over 7700 duplicate coords. The maximum number of duplicates was 14 on line 108.

– Paul

By: muyi

muyi — Sun, 22 Jun 2008 02:02:57 +0000

Hi,

I tried using your svg2imagemap.py script to rescale the Wikipedia BlankMap-World6-Equirectangular.svg map, but the script doesn’t seem to work. Did you use it in your example? The width_ratio and height_ratio formulas don’t seem to do anything to my image, and the path coordinates come out way higher than the image size that I gave on the command line. I’m trying to get an image that is 630px wide.

Thanks for any help / comments.

By: giovanni

giovanni — Thu, 05 Jun 2008 20:56:59 +0000

Hi, I’m tryng your python script, but I’m experiencing some problems.
When I first run the script I got this error:
C:\Python25>python.exe svg2imagemap.py Italia.svg 1000 1000 regioni
Traceback (most recent call last):
File “svg2imagemap.py”, line 49, in
raw_width = float(svg.getAttribute(‘width’))
ValueError: invalid literal for float(): 553.423px

I have a tryed editing line 49 e 50 from:

raw_width = float(svg.getAttribute(‘width’))

raw_width = float(svg.getAttribute(‘width’).replace(‘px’, ”))

But now no errors are displayed, but the result file is 0 byte.

If can be useful for debug the doctype of the file is:

Any help appreciated, thank you