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> 

所以它具有相同的“相对”值将被分组。希望这会帮助你。

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'});