jvectormap标记颜色问题答案

【问题标题】：jvectormap marker color problemsjvectormap标记颜色问题
【发布时间】：2012-11-12 18:44:36
【问题描述】：

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

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

【问题讨论】：

让我们开始：您尝试过什么？有一个例子，jsFiddle 等？
这是我想要实现的jsFiddle。我现在表示数据系列的方式是使用数据表示的原始值列表。有没有办法在初始标记列表中包含数据系列的值？这可能是一个简单的 javascript 问题，因为我对 javascript 有点陌生。

标签： javascript jquery jvectormap

【解决方案1】：

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

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

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

【讨论】：