Question

有谁知道如何让groupBy函数在maphighlight插件中运行？我希望无论您将鼠标悬停在哪个国家/地区，我都可以在地图上显示一组国家/地区。我甚至无法上班。我能找到的文档非常稀少。

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

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”值的组分组。希望这会对你有所帮助。

Answer 2

只需将alt标签放在地图区域，就像首先建议的“ehird”一样。

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

然后调用groupBy ...

$('.map').maphilight({fade: false, groupBy: 'alt'});

maphilight jquery插件中的groupBy函数

2 个答案: