javascript - jVectorMap で国/州のデータを表示する

Question

私は jQuery と JS を初めて使用することを認めなければなりませんが、jVectorMap でできるすばらしいことが本当に好きです。しかし、これまでのところ、1つ追加できませんでした。通常、マウスオーバー/ホバーすると、州または国の名前が表示されます。関連データ（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] + ")");
    }
});