Javascript 图像放大镜&x2B;老鼠

Javascript 图像放大镜&x2B;老鼠,javascript,jquery,html,image,zooming,Javascript,Jquery,Html,Image,Zooming,我目前正在进行以下实验: 我有一张地图(如图)。当在特定的国家上空盘旋时,这些国家会有一个巨大的黑色边界(这是通过以下方式实现的) 现在我想要一个额外的。由于有些国家在地图上很小,我想加一个放大镜,这样你可以更好地看到这些国家 因此,我发现这是一个非常酷的插件,易于使用,工作良好 所以我调用这个函数 $('#Image-Maps-Com-image-maps-2017-08-25-161100-img').okzoom({ width: 400,

我目前正在进行以下实验:

我有一张地图(如图)。当在特定的国家上空盘旋时,这些国家会有一个巨大的黑色边界(这是通过以下方式实现的)

现在我想要一个额外的。由于有些国家在地图上很小,我想加一个放大镜,这样你可以更好地看到这些国家

因此,我发现这是一个非常酷的插件,易于使用,工作良好

所以我调用这个函数

$('#Image-Maps-Com-image-maps-2017-08-25-161100-img').okzoom({
             width: 400,
            height: 400,
        scaleWidth:4000
            });
加上放大镜,它(如我所说)工作得很好。问题:这个放大镜删除了我的imagemap功能(不仅是黑色边框,还有完整的imagemap功能,因为我的鼠标被完全删除了)

现在的问题是:有没有办法让这两个都有,一个移动的鼠标,当鼠标悬停在一个国家的上方时,它可以点击黑色边框的国家+当鼠标悬停在图像上时放大镜?有没有办法让鼠标在使用过的插件的放大镜下可见?有没有其他方法(另一个插件)要实现放大但仍具有图像地图功能

我还查看了插件的代码,在一些地方(
touchstart
,等等),上面写着
e.preventDefault()
,当我评论这些行时,我的悬停(图像地图)再次工作,但放大镜不再工作

有什么想法吗