javascript - jvectormap标记颜色问题

Question

我正在尝试使用 jvectormap 创建带有标记的美国地图。我希望这些标记是红色或蓝色，并且我想手动指定哪种颜色对应哪个标记（不使用任何类型的比例或过于复杂的数据可视化功能）。有没有办法做到这一点？新的 jvectormap 的 API 对我来说太抽象了，无法轻松实现。

我试过使用旧的 jvectormap，但它似乎有问题，并且没有在正确的位置显示标记。

Answer 1

这是基于标记列表中称为type的第三个元素的两种不同类型标记的示例。我基本上创建了另一个名为颜色的数组，用于数据系列表示中的值。创建地图之前的循环遍历标记列表并提取类型并根据类型决定颜色值应该是什么。

for (var i = 0; i < markers.length; i++) {
    if (markers[i].type == 'call-center') {
        colors[i] = 0;
    }
    else {
        colors[i] = 1;
    };
};

如果您添加额外的if语句，则可以为不同的类型实现类似的设置。