Question

I want to add automatic area highlighting to image maps on my webpage. I’ve found the mapper.js library to be very useful in achieving this, however creating the x,y plots around a regional map is very time consuming.

Is there a quick way to create bounding co-ordinates of a irregular polygon such as can be found on regional maps?

EDIT

There has got to be a way to do this. I have Fireworks 8 as well as photoshop CS3 on my windows PC, but I’m more familiar with Fireworks.

If I create a marquee, I can right click > Modify Marquee > Convert to Path. That creates a Path with several points, but I don’t know how to get to the next step which is extracting the coords of those points.

I’ve tried inserting a hotspot, a polygon slice, then exporting to “html and images”. Both of these give me square hotspots, not a polygon. I’ve also tried right click on the path and Edit > Copy Path Outlines, as well as Edit > Copy Html Code. Neither give me the polygon coords.

I can only get polygon coords for a slice. Is there perhaps a way to convert the path to a slice in Fireworks 8?

Answer 1

For Fireworks 8 :

1) Create your marquee using the magic wand & marquee tool.

2) Right click > Modify Marquee > Convert to Path

3) Right Click on the path and select “Insert Hotspot” (or press Ctrl + U)

4) Select File > Export

5) Select “HTML and Images” for “Save as Type”