Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/28.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 弹出图像的某些点以显示文本_Javascript_Jquery - Fatal编程技术网

Javascript 弹出图像的某些点以显示文本

Javascript 弹出图像的某些点以显示文本,javascript,jquery,Javascript,Jquery,我有一张这样的地图图像: 我在谷歌上搜索过,但没有找到 我想知道是否有一个JS或Jquery库来实现一些弹出窗口或工具提示,当鼠标位于某些点上时,并显示此图像中每个点的描述 例如,如果我把鼠标放在美国我想显示一些弹出窗口,如果我把鼠标放在墨西哥我想另一个。如果有什么例子,我很感激。关于您可以使用具有多个元素的创建可单击区域并侦听这些区域上的事件 然后,您需要防止默认调用,并以任何方式处理该调用,例如在地图顶部打开弹出窗口或覆盖 下面是一个简单的示例,您可以单击美国: document.get

我有一张这样的地图图像:

我在谷歌上搜索过,但没有找到

我想知道是否有一个JS或Jquery库来实现一些弹出窗口或工具提示,当鼠标位于某些点上时,并显示此图像中每个点的描述

例如,如果我把鼠标放在美国我想显示一些弹出窗口,如果我把鼠标放在墨西哥我想另一个。如果有什么例子,我很感激。关于

您可以使用具有多个元素的创建可单击区域并侦听这些区域上的事件

然后,您需要防止默认调用,并以任何方式处理该调用,例如在地图顶部打开弹出窗口或覆盖

下面是一个简单的示例,您可以单击美国:

document.getElementById('mapMap')。onclick=(e)=>{
e、 预防默认值();
如果(e.target.dataset.country==='US'){
警惕(“嗨!”);
}
};
正文{
保证金:0;
}
#地图图像{
最大宽度:420px;
}

你可以使用它,因为它是一个开源的jQuery插件,提供了你想要的东西

检查这个,这里有更多


请在此查看源代码。

请提供更多信息。这张图片显示在什么位置?一个
元素?一个
?现在我是一个简单的
@clabe45也许这会有所帮助。如果您想使用特定的图像并在悬停时显示信息,唯一想到的是将html元素放置在图像上,然后收听
mouseover
事件以显示您想要显示的内容,在这种情况下,这可能会有所帮助