我想在网页的图片地图上添加自动区域高亮功能。我发现mapper.js库非常有用，但是在区域地图周围创建x、y坐标需要花费很长时间。
有没有快速创建边界坐标的方法，例如可以在区域地图上找到的不规则多边形?
编辑
一定有办法做到这一点。我的Windows PC上有Fireworks 8和Photoshop CS3，但我更熟悉Fireworks。
如果我创建一个选框，我可以右键单击>修改选框>转换为路径。那会创建一个带有几个点的路径，但我不知道如何进入下一步，也就是提取这些点的坐标。
我尝试插入热点、多边形切片，然后导出为“html和图像”。这两者都给了我正方形的热点，而不是多边形。我还尝试右键单击路径并编辑>复制路径轮廓，以及编辑>复制HTML代码。两者都没有给出多边形坐标。
我只能获取切片的多边形坐标。也许有一种方法可以将路径转换为Fireworks 8中的切片?
Gimp提供一个名为Gimp image map的插件/过滤器，它有一个很好的界面来帮助创建图像映射。我认为它将提供您正在寻找的功能。选择Filters -> Web -> Image Map...来打开对话框
一旦您打开了Image Map对话框，您可以随心所欲地创建多边形区域：
您可以根据需要创建和自定义区域，修改链接、alt文本、框架、多边形本身甚至设置JavaScript事件。
<img src="us_map.gif" width="771" height="448" border="0" usemap="#map" />
<map name="map">
<!-- #$-:Image map file created by GIMP Image Map plug-in -->
<!-- #$-:GIMP Image Map plug-in by Maurits Rijk -->
<!-- #$-:Please do not edit lines starting with "#$" -->
<!-- #$VERSION:2.3 -->
<!-- #$AUTHOR:Colin Harrington -->
<area shape="poly" coords="149,292,254,332,308,41,262,33,232,27,169,14,120,9,102,52,92,190" alt="West Coast" href="wc.html" />
<area shape="poly" coords="474,267,522,368,574,62,465,17,422,19,326,51,284,161,293,224,322,250,363,219,419,222" alt="Midwest" href="mw.html" />
<area shape="poly" coords="634,58,583,74,527,360,670,419,757,180,770,65,770,24,705,10,735,29" alt="East Coast" href="ec.html" />
<area shape="poly" coords="380,251,379,285,458,300,464,363,413,426,330,373,287,317,335,323,340,250" alt="Texas" href="tx.html" />
</map>
对于Fireworks 8：
1）使用魔术棒和选框工具创建你的图形。
2）右键单击 > 修改图形 > 转换为路径
3）在路径上右键单击并选择“插入热点”（或按下Ctrl + U）
4）选择 文件 > 导出
5）选择“HTML和图像”为“保存类型”
这是为那些想要从地图图片自动生成坐标的人提供的帮助。
在Photoshop中打开你的地图。 使用魔术棒选择图像边缘。 将选区转换为路径。 将此路径导出到Illustrator中。 在Illustrator中打开文件。 选择“另存为...”SVG文件（注意：不是svgcompressed）。 在选项菜单中选择“链接”。 点击保存。
在文本编辑器中打开你的.svg文件，你将得到你的坐标。