jquery - Maphilight jquery 插件中的 groupBy 函数

Question

有人知道如何让groupBy函数在maphighlight插件中工作吗？我希望能够在 map 上突出显示一组国家/地区，无论您将鼠标悬停在该组中的哪个国家/地区。我什至无法让一个人工作。我能找到的文档非常稀疏。

我已将以下内容添加到我想要加入的国家/地区组中的每个 map 区域:

href="#" class="no-hand centralasia" alt="Russia" data-maphilight='{"groupBy":".centralasia"}' onmouseover="MM_showHideLayers('Russia','','show')" onmouseout="MM_showHideLayers('Russia','','hide')">

我对此不太确定:

data-maphilight='{"groupBy":".centralasia"}'

我只使用头部的默认值，因为我不确定应该在其中添加什么(如果有的话)。我还加载了元数据插件。

<script>$(function() {
    $('.map').maphilight({fade: false});
});

$.fn.maphilight.defaults = {
fill: true,
fillColor: '000000',
fillOpacity: 0.3,
stroke: false,
strokeColor: 'E77200',
strokeOpacity: 1,
strokeWidth: 1,
fade: true,
alwaysOn: false,
neverOn: false,
groupBy: ("philippines",true)
}

</script>

非常感谢所有帮助，因为我真的需要尽快使其正常工作。

大家干杯。

戴夫

Answer 1

$.fn.maphilight.defaults = {
   groupBy: 'rel'
}

你必须给出一个属性作为字符串。然后您可以使用通用值对所有内容进行分组

例如:-

<map>
<area rel="sri lanka" ....... />
<area rel="sri lanka" ....... />
<area rel="sri lanka" ....... />
<area rel="usa" ....... />
<area rel="japan" ....... />
<area rel="japan" ....... />
</map>

因此具有相同“rel”值的将被分组。希望这对您有帮助。