JQVmap,显示工具提示任意,触发事件

时间:2018-02-02 10:17:21

标签: javascript jquery svg jqvmap

美好的一天。我正在使用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>';
    }

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

最后我还可以构建一个类似于地图中使用的工具提示,但是我想使用地图逻辑(没有使用按钮做新地图&#34;真实&#34假地区,这将是非常困难和漫长的。)

0 个答案:

没有答案