Question

我可能做了一些愚蠢的事情 - 我很快答应了一个客户我可以将他们的美国地图图像变成单独的状态链接 - 但现在我正在考虑它，即使我将每个状态都作为图像，图像也会是方形的，意味着每个图像的边缘都会有空的空间与其他状态重叠，使链接重叠。有没有更好的方法来做到这一点，或者任何方式呢？

Answer 1

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

逐像素定义这些多边形显然很乏味，因此大多数人都会使用为您构建HTML代码的程序。谷歌“图像地图编辑器”适用于您的操作系统（您没有说，如果您使用的是Mac或PC）。 Here's one表示它已经定义了美国地图！

Answer 2

看看这个example at w3schools: 它使用html 5

<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">

将美国地图转换为州链接

2 个答案: