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

Question

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

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

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

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

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

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

Answer 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/