jvectormap - jVectorMap - 如何突出显示其中有标记的区域？

Question

我对 jVectorMap 有疑问，我不知道如何突出显示其中有标记的区域。有人知道这样做的方法吗？

非常感谢！

Answer 1

该库不提供基于标记突出显示区域的自动方式，但您可以使用该series选项来更改区域/标记的行为。

如果要在地图初始化时突出显示区域，则需要传递带有区域代码和关键颜色值的对象列表。

假设您要突出显示以下区域：BE, NL, DE. 您需要将其传递给系列值：

{ 'BE': '1', 'NL': '1', 'DE': '1' }

1以及将值归因于颜色的示例代码#4169E1（例如）

new jvm.WorldMap({
    map: '',
    container: $(''),
    series: {
        regions: [{
            scale: {
                '1': '#4169E1'
            },
            attribute: 'fill',
            values: { 'BE': '1', 'NL': '1', 'DE': '1' }
        }]
    }
});

因为您已经有了标记列表，所以您可以轻松构建这个highlight region list.