Creating image map - an easy way?

Question

I need to create some relatively complex image maps (like this) but fear doing them by hand. Is there a tool I can use to create complex maps easily? (Idealy a Windows or Mac app, but web apps also welcome)

I actually ended up doing it by hand ... there don't seem to be any decent tools to help. — Nippysaurus, Mar 11 '12 at 10:03

score 2 · Answer 1 · answered Feb 01 '12 at 05:05

You can use CSS.

Just make a <div> relatively positioned and have a background image.

Then, place a bunch of absolutely positioned, block-level <a> tags with certain widths and heights within the div. You can use Firebug to alter the anchor tags' left and right properties until the anchor tags cover their appropriate positions.

Urs · Answer 2 · 2014-12-03T06:49:57.997

1

Fireworks can create and export image maps very well. Don't forget to add Matt Stow's Responsive Imagemaps Plugin from http://mattstow.com/experiment/responsive-image-maps/rwd-image-maps.html

edited Dec 03 '14 at 06:49

answered Jan 16 '14 at 17:04

Urs

4,984
7
54
116

1

While this link may answer the question, it is better to include the essential parts of the answer here and provide the link for reference. Link-only answers can become invalid if the linked page changes. – Barranka Dec 02 '14 at 17:59
well, the URL of the link to the plugin is speaking, but ok best practice – Urs Dec 03 '14 at 06:49

Creating image map - an easy way?

2 Answers2