3

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

4

2 回答 2

1

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

逐个像素地定义这些多边形显然很乏味，因此大多数人使用为您构建 HTML 代码的程序。谷歌“图像地图编辑器”适用于您的操作系统（您不会说您使用的是 Mac 还是 PC）。 这是一个说它带有已经定义的美国地图！

于 2013-04-12T00:14:56.510 回答
0

看看 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">
于 2013-04-12T00:08:00.460 回答