jVectorMap - 如何重新加载/重置地图或仅更改悬停/活动颜色状态？答案

【问题标题】：jVectorMap - How to reload/reset the map or just change the hover/active color states?jVectorMap - 如何重新加载/重置地图或仅更改悬停/活动颜色状态？
【发布时间】：2013-10-08 04:01:36
【问题描述】：

我有一个页面，上面有多张地图，每张地图点击后会显示不同的区域数据，并有不同的区域颜色。

不，我已经完成了这一切：我可以切换地图，这将加载不同的数据集，并更改 INACTIVE 区域颜色，但我不知道如何更改悬停颜色或活动颜色。

现在我用以下方法更改非活动颜色：

$.each(stateMap.regionCodes, function(i, val) {
  fill[i] = newFillColor;
});
stateMap.series.regions[0].setValues(fill);

但我找不到改变所选/悬停区域颜色的方法。

如果没有办法即时执行此操作，我可以使用新颜色销毁并重置地图吗？

【问题讨论】：

标签： jquery jvectormap

【解决方案1】：

使用地图的params对象：mapObj.params.regionStyle.hover.fill = "red"，mapObj.params.regionStyle.selected.fill = "blue"。

您还可以构建自定义 myRegionStyle 设置对象：

{
  initial: {
    fill: 'white',
    "fill-opacity": 1,
    stroke: 'none',
    "stroke-width": 0,
    "stroke-opacity": 1
  },
  hover: {
    "fill-opacity": 0.8
  },
  selected: {
    fill: 'yellow'
  },
  selectedHover: {
  }
}

然后做mapObj.regionStyle = myregionStyle

查看文档：http://jvectormap.com/documentation/javascript-api-v1/jvm-worldmap/

【讨论】：