0

我需要在没有声明区域 ID 的地图区域上设置“点击”事件。我的国家地图有 5 个带 id 的区域，如下所示：

<area shape="poly" name="Area 1" coords="343,183 etc" title="My area 1" id="1" href="#">

在 JS 我有功能：

$('#my-map-div').mapster({
    fillOpacity: 0.8,
    fillColor: "FFFFFF",
    stroke: false,
    onClick: function (e) { 
        alert('HERE IS MY ACTION');
 }

当我单击带有 id 的区域时，会看到我的警报。

如果没有声明的区域坐标、区域 ID 等，地图的其余部分呢？如何设置“点击”事件？当有人在区域外点击地图时，我需要保持警惕。

4

1 回答 1

0

我想您可能已经找到了答案，但是对于其他想知道的人，您可以将 onclick 调用放在区域上，而不是放在 mapster() 函数中，例如：

<area shape="poly" coords="192, 187, 120, 108, 151, 85, 183, 70, 215, 61, 252, 57, 252, 164, 232, 166, 210, 174" href="#" onclick="alert('you clicked me');" />

对于地图的其余部分，默认区域可以以相同的方式进行点击：

<area shape="default" href="#" onclick="alert('dont click here, whatever you do');">
于 2016-02-19T16:37:25.100 回答