Javascript 将qTip2与jQuery向量映射（jqvmap）一起使用

我正在尝试禁用中使用的默认工具提示，并希望改为使用。有没有办法做到这一点？这是你的电话号码

jquery代码：

jQuery('#vmap').vectorMap({
    map: 'world_en',
    backgroundColor: null,
    color: '#ffffff',
    hoverOpacity: 0.7,
    selectedColor: '#666666',
    enableZoom: true,
    showTooltip: true,
    values: sample_data,
    scaleColors: ['#C8EEFF', '#006491'],
    normalizeFunction: 'polynomial',
    onLabelShow: function(event, label, code) {
        $("#jqvmap1_" + code).qtip({
            content: {
                text: code
            },
            position: {
                my: 'top left',
                    at: 'bottom right'
            }
        });
        event.preventDefault();
    }
});

---

JQVMap上的某些东西阻止了qTip2的工作，按照您所说的“禁用默认工具提示”更容易做到。我已删除了

onLabelShow

，并将

showTooltip

设置为

false

。然后将qtip直接添加到SVG路径中，从路径

id

中提取国家代码：

$("path[id^='jqvmap11_']").each(function () {
    var $code = $(this).attr('id').replace('jqvmap1_', '');
    var $content = my_map_data[$code].name + ' | Data: ' + sample_data[$code];
    $(this).qtip({
        content: $content
    });
});

变量

my\u map\u data

包含文件中具有国家名称的国家路径对象。我必须这样做，所以会像：

/** Add World Map Data Points */
var my_map_data = {
    "id":{"path":"M781.etc.etc","name":"Indonesia"},
    "pg":{"path":"M852.etc.etc","name":"Papua New Guinea"},
    "mx":{"path":"M137.etc.etc","name":"Mexico"}, 
    /* etc */ 
};
jQuery.fn.vectorMap('addMap','world_en',{'width':950,'height':550,'pathes':my_map_data });

jQuery（'#vmap'）.vectorMap({
地图：“世界”，
背景颜色：空，
颜色：“#ffffff”，
悬停不透明度：0.7，
所选颜色：“#666666”，
enableZoom:true，
showTooltip:false，
值：样本数据，
标度颜色：['#C8EEFF'，'#006491']，
正规化函数：“多项式”，
});
$（“路径[id^='jqvmap1_']]）。每个（函数（）{
var$code=$（this.attr（'id'）.replace（'jqvmap1_u'，''）；
var$content=my_map_data[$code]。name+'| data:'+sample_data[$code]；
$（此）.qtip({
content:$content，
职位：{
目标：“鼠标”，
调整：{
x:0,，
y:17
}
},
风格：{
边界：{
宽度：30，
半径：8，
颜色：“#6699CC”
},
}
});
});
.fiddle标题{
背景色：#ccc；
裕度：0 10px 0；
文本对齐：居中；
颜色：#fff；
字体系列：无衬线；
}
.小提琴头a{
文字装饰：无；
颜色：#eee
}
#vmap{
宽度：600px；
高度：400px；
}
.jqvmap标签{
位置：绝对位置；
显示：无；
-webkit边界半径：3px；
-moz边界半径：3px；
边界半径：3px；
背景:#2929；
颜色：白色；
字体系列：无衬线，Verdana；
字体大小：较小；
填充：3倍；
}
.jqvmap zoomin、.jqvmap zoomout{
位置：绝对位置；
左：10px；
-webkit边界半径：3px；
-moz边界半径：3px；
边界半径：3px；
背景：#000000；
填充：3倍；
颜色：白色；
宽度：10px；
高度：10px；
光标：指针；
线高：10px；
文本对齐：居中；
}
.jqvmap zoomin{
顶部：10px；
}
.jqvmap zoomout{
顶部：30px；
}
.jqvmap区域{
光标：指针；
}
.jqvmap-ajax_响应{
宽度：100%；
高度：500px；
}

所以21103404