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

查看文档：{{3}}

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

1 个答案: