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

Question

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

不，我已经完成了所有这些：我可以切换地图，这将加载不同的数据集，并更改非活动区域颜色，但我无法弄清楚如何更改悬停颜色或活动颜色。

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

$.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/