当前位置 : 主页 > 网页制作 > JQuery >

maphilight jquery插件中的groupBy函数

来源:互联网 收集:自由互联 发布时间:2021-06-15
有谁知道如何让groupBy函数在maphighlight插件中工作?我希望无论您将鼠标悬停在哪个国家/地区,我都可以在地图上显示一组国家/地区.我甚至无法上班.我能找到的文档非常稀少. 我已将以
有谁知道如何让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>

所有的帮助都非常感谢,因为我真的需要尽快使用这个工作.

大家欢呼.

戴夫

$.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”值的将被分组.希望这会帮助你.

网友评论