以某种方式使用带有文本的图像映射(jquery?)

Question

首先，我知道图像地图有点过时，但它们还没有被废弃，而且足够整洁！我正在升级一张现有的、杂乱无章的图像地图，它被用来展示世界各地不同实验室在化学研究领域的工作，并试图为自己解决一个编码/设计问题。

我想知道如何将滚动图像淡出(例如对于个别国家)与文本(即标题而不是带有文本提示的URL )耦合起来。地图被渲染，设置坐标是很简单的事情，但是我需要一些方法来产生滚动链接，比如对于研究员1\x实验室的网站，研究员2的实验室网站等等，特别是当他们居住在地图上相同的位置时。

我所能看到的似乎是通过其他例子来实现这些交互的，就是图像地图区域的警报和单个链接，但我确信它可能更通用，我想知道是否有人知道我如何以这种方式呈现文本？

像这样的东西 (当您想要更仔细地观察时，所有的实验室都会扩展出去)将是很棒的。

很抱歉，我不能做得更有建设性，但代码太密集，我想不出是怎么做到的，我觉得我可能错过了一些基本的解决方案.？

谢谢

Answer 1

将组图像映射到div，然后在悬停时将其默认设置为隐藏到特定部分，将组设置为JavaScript可见。