ImageMap外坐标

Question

我有一个像下面这样的图像地图，在另一个地方，如下所示：

​

​

如何在不选择内部的情况下获得外部位置的坐标。我用这个Link来得到地图的坐标。

(也就是说，当我在三个区域上徘徊时，我需要得到上汉诺威的坐标，它不应该显示上汉诺威。)

我想得到外部区域的坐标，而不选择内部区域，如下所示。

​

根据下面建议的答案，我得到了图像地图作为折页:但我不想看到边界线。

​

很抱歉我解释得不太好。如果你听不懂，请问一下。

Answer 1

我会尝试使用一个“多”形状的区域，包围白色的区域。

<img src="https://www.google.de/images/srpr/logo11w.png" usemap="#example"/>
<map name="example">
  <area shape="poly" coords="0,0, 280,0, 280,50, 250,50, 250,150, 320,150, 320,50, 280,50, 280,0, 538,0, 538,190, 0,190" alt="clickable area" href="javascript:alert('Click!')">
</map>

我已经创建了一个JSFiddle作为示例。黄色的"o“标志是不可点击的，而其余的是。http://jsfiddle.net/pXth7/

我希望我能正确理解你的问题。

编辑：我没有正确理解它。显然，您想要使可点击的区域与某些库或其他可见。我能想到的唯一解决办法是：http://jsfiddle.net/X4mPW/10/

Answer 2

您可以为单个地图创建两个单独的形状：

<img src="EFPvH.png" alt="" usemap="#map" />
<map name="map">
    <area shape="poly" coords="30, 126, 19, 56, 80, 52, 103, 68, 106, 62, 127, 75, 145, 74, 176, 96, 174, 71, 188, 71, 188, 142, 93, 145, 91, 120" />
    <area shape="poly" coords="16, 7, 185, 9, 188, 67, 178, 67, 173, 65, 148, 64, 123, 49, 91, 37, 83, 53, 22, 55" />
</map>

第一个形状覆盖上汉诺威，第二个形状覆盖下上汉诺威。

​

​

Answer 3

查看我给出的链接，链接1到整个徽标，链接2到红色'O‘。

http://jsfiddle.net/pXth7/1/

<img src="https://www.google.de/images/srpr/logo11w.png" usemap="#Map"/>
<map name="Map"><area shape="circle" coords="179,97,60" href="javascript:alert('Click 1')">
  <area shape="rect" coords="42,16,472,167" href="javascript:alert('Click 2')" >
</map>
</map>