在jVectorMap中显示国家/州的数据

Question

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

Answer 1

使用data visualization example可以添加一个回调函数来显示所选状态代码的相关数字。因此，如果您的数据如下：

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] + ")");
    }
});