JVectorMap信息框位置错误

Question

以下是在我的Jvector地图上设置Info Box的编码的代码。

$(".region-info-box").css({ 'top': mouseY, 'left': mouseX, "display": "block" });

以下是我得到的输出..

问题是，当我点击黑色圆形时，信息框出现在鼠标点击下方的下方，并且从实际鼠标点击稍微向右。任何人都可以建议我在哪里可以更改我的代码，以便在点击鼠标时出现信息框???

谢谢

Answer 1

我知道你有一些目前有用的东西，但我不确定它的缩放程度，所以这里有另一个可能适合你的解决方案。它将div的左下角放在鼠标点击的位置。它考虑了信息框div的任何高度。

$("#info-box").show().css({ 
    position:"absolute",
    top: event.pageY - $("#info-box").height(),
    left: event.pageX
});

这是展示它的jsFiddle。

Answer 2

$（＆＃34;＃信息盒＆＃34）。。显示（）的CSS（{     位置：＆＃34;绝对＆＃34 ;,     top：event.pageY - $（＆＃34; #info-box＆＃34;）。height（），     left：event.pageX }）;