将美国地图变成国家链接

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

来源

2013-04-12 Molly Campbell

您**必须**使用他们的美国地图，或者您可以使用其他美国地图？ –

他们有一个作为他们的网站设计的一部分，它的大小和颜色都适合网站的方案。如果我可以使用不同的地图，还有其他选择吗？ –

尝试[this]（http://codecanyon.net/item/interactive-maps-generator/full_screen_preview/3272382）。这里是[示例]（http://codecanyon.net/item/interactive-maps-generator/full_screen_preview/3272382） –

看看这个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">

来源

2013-04-12 00:08:00

我会尝试，谢谢！与Dreamweaver创建的图像地图有什么不同吗？ –

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

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

来源

2013-04-12 00:14:56 dodgethesteamroller

我正在使用Mac。我绝对期待它很乏味，所以这不是什么大问题。但我会检查这一点。谢谢。 –

将美国地图变成国家链接

回答

相关问题