我目前正在尝试以下方法:
我有一张地图(如图片)。当徘徊在特定国家/地区时,这些国家会出现大的黑色边界(这可以通过maphilight.js来实现。)
现在我想要一个额外的。由于地图上的一些国家非常小,我想加一个放大镜,这样你就可以更好地看到这些国家。
因此,我发现okzoom是一个非常酷的插件,易于使用且工作正常。
所以我正在调用函数
$('#Image-Maps-Com-image-maps-2017-08-25-161100-img').okzoom({
width: 400,
height: 400,
scaleWidth:4000
});
添加放大镜,(正如我所说)工作正常。问题:这个放大镜删除了我的imagemap功能(不仅是黑色边框,还有完整的imagemap功能,因为我的鼠标被完全移除。
现在的问题是:有没有什么方法可以同时拥有一个移动的鼠标,哪些可点击的国家在悬停在一个国家时具有黑色边框+放大镜一旦悬停在图像上?有没有办法让使用插件的放大镜下面的鼠标可见?是否有另一种方式(另一个插件)来实现放大但仍然具有图像映射功能?
我还查看了插件的代码,在某些地方(touchstart
等),它显示e.preventDefault()
,当我评论这些行时,我的悬停(图像映射)正在工作再次,但放大镜不再工作了。
有什么想法吗?