0

美好的一天。我正在使用 JQVmap,我试图在鼠标悬停一些不在 svg 地图中的元素时显示工具提示。

这是为了解决一些国家真的很小的问题,所以我想在地图上为用户提供一些按钮来显示希腊和新加坡的工具提示(例如)。

实际上,我尝试触发在 jquery.vmap.js 中触发的相同事件:

jQuery(params.container).trigger(labelShowEvent, [map.label, code]);

我已经这样做了:

$('#vmap').trigger(labelShowEvent, [tooltipMaker("gr"), "gr"]);

和这个:

$('#vmap').trigger(jQuery.Event('labelShow.jqvmap'), [tooltipMaker("gr"), "gr"]);

当然没有任何运气。

我收到此错误的第二次尝试:

Uncaught TypeError: label.html is not a function

所以我尝试通过为该参数分配一个函数来解决它:

label.html(tooltipMaker(code));

并定义了一个函数,如:

function tooltipMaker(code){
    return '<div class="map-tooltip"><h3 class="header">Country: '+code+' </h3><p class="description">'+code+'</p></div>';
    }

但它不能解决任何问题。有没有人有同样的问题并以某种方式解决?

最后,我还可以构建一个类似于地图中使用的工具提示,但我想使用地图逻辑(不使用按钮作为“真实”假区域的新地图,这将非常困难和长)。

4

0 回答 0