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。