Html 把美国地图变成州链接

我可能做了一些愚蠢的事情-我很快向一位客户承诺我可以将他们的美国地图图像转换为各个州的链接-但现在我在想，即使我将每个州作为一个图像，图像也将是方形的，这意味着每个图像的边缘将有一个与其他州重叠的空白区域，使链接重叠。有没有更好的方法，或者有没有更好的方法？

看看这个 它使用HTML5

<img src="planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap">
<map name="planetmap">
  <area shape="rect" coords="0,0,82,126" alt="Sun" href="sun.htm">
  <area shape="circle" coords="90,58,3" alt="Mercury" href="mercur.htm">
  <area shape="circle" coords="124,58,8" alt="Venus" href="venus.htm">
</map>

可以像这样创建多边形：

<area SHAPE='poly' HREF="new.html" ALT="New!" TITLE="New!"
COORDS="150,217, 190,257,  150,297,  110,257">

---

客户端imagemaps中的链接不必是矩形；它们可以是任意多边形。因此，您可以使每个州无重叠地单击，并尽可能接近其“真实”边界（取决于整体地图图像的分辨率）

---

逐像素定义这些多边形显然很乏味，因此大多数人使用为您构建HTML代码的程序。谷歌“imagemap编辑器”可以在你的操作系统上运行（你不能说你使用的是Mac还是PC）。这说明它附带了一个已经定义好的美国地图

你必须使用他们的美国地图，或者你可以使用其他一些美国地图？他们有一个作为他们网站设计的一部分，大小和颜色适合网站的方案。如果我可以使用不同的地图，还有其他选择吗？试试看。这是我要试试的，谢谢！这和Dreamweaver创建的图像地图有什么不同吗？我用的是Mac电脑。我肯定预料到这会很乏味，所以这没什么大不了的。但我会查一查。谢谢