javascript - 在 jVectorMap 中显示国家/州数据

Question

我必须承认我是 jQuery 和 JS 的新手，但我真的很喜欢你可以用 jVectorMap 做的很酷的事情。但到目前为止，我没有添加一件事：在鼠标悬停/悬停时，通常会显示州或国家/地区的名称。是否可以添加相关数据（例如 GDP 值）？和/或是否可以添加带有国家/州颜色值的图例？非常感谢！克劳斯

Answer 1

使用数据可视化示例，您可以添加回调函数以显示所选状态代码的相关图形。因此，如果您的数据如下所示：

var gdpData = {"ca":34.56 ...}

然后你可以做类似的事情......

$('#map').vectorMap({
    colors: colors,
    hoverOpacity: 0.7,
    hoverColor: false,
    onLabelShow: function(event, label, code){
       label.text(label.text() + " (" + gdpData[code] + ")");
    }
});