在jVectorMap中顯示國家/州數據

Question

我必須承認我是jQuery和JS的新手，但我真的很喜歡jVectorMap可以做的很酷的事情。但到目前爲止，我沒有添加一件事：在鼠標懸停/懸停通常狀態或國家的名稱顯示。是否可以添加相關數據（例如GDP值）？ 和/或是否可以使用國家/州的顏色值添加圖例？ 非常感謝！ Claus

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