首页 > 解决方案 > jVectorMap 在 onRegionClick 上双重执行

问题描述

我正在使用 jVectorMap librery 来生成地图,当我点击任何位置时,console.log() 总是命中双倍。请检查下面的 jVectorMap 属性。如何防止 console.log() 双重执行?我在这里做错什么了吗?

JS代码:

$('#chartprescriptionMaps').vectorMap({
                    map: 'usa_en',
                    backgroundColor: null,
                    color: '#E6ECF1',
                    borderColor: '#000',
                    borderOpacity: 0.80,
                    borderWidth: 1,
                    enableZoom: true,
                    showTooltip: true,
                    selectedColor: null,
                    hoverColor: null,
                    colors: states,                   
                    onRegionClick: function (event, code) {
                        console.log(code);//this log executing 2 times every single click 
                    },

                    showLabels: false,
                    onLabelShow: function (event, label, code) {
                        if (statesData[code])
                            label.html('<div class="map-tooltip">' + statesData[code] + ' referrals in ' + code.toUpperCase() + '</div>');
                        else
                            label.html('<div class="map-tooltip">' + code.toUpperCase() + '</div>');
                    },
                });

标签: javascriptjqueryjvectormap

解决方案


推荐阅读