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

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

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

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

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

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

---

哇，谢谢你的快速回答-它工作得很好。我决定将第337行的jquery.vector-map.js更改为“map.label.textmapData.paths[code].name+：+gdpData[code]；”没问题。我想使用回调函数的好处是，您不会修改核心插件代码，但只要它能工作就行！。。。。哇，谢谢你的快速回答-它工作得很好。我决定将第337行的jquery.vector-map.js更改为“map.label.textmapData.paths[code].name+：+gdpData[code]；”没问题。我想使用回调函数的好处是，您不会修改核心插件代码，但只要它能工作就行！。。。。