Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/86.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
以某种方式使用带有文本的图像映射(jquery?)_Jquery_Css_Imagemap - Fatal编程技术网

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

以某种方式使用带有文本的图像映射(jquery?),jquery,css,imagemap,Jquery,Css,Imagemap,首先,我知道图像地图有点过时,但它们还没有被弃用,而且足够整洁!我正在升级一张现有的杂乱无章的图像地图,这张地图被用来展示世界各地不同实验室在化学研究领域的工作,我只是想为自己解决一个编码/设计问题 我想知道如何将滚动图像淡入淡出(例如)与文本(即标题,而不是带有文本提示的URL)结合起来。地图是渲染的,设置坐标非常简单,但我需要一些方法来生成滚动链接,例如[1号研究员实验室网站],[2号研究员实验室网站]等,特别是当它们位于地图上的同一位置时 从其他示例中,我所能看到的使这些交互的方法似乎是针

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

我想知道如何将滚动图像淡入淡出(例如)与文本(即标题,而不是带有文本提示的URL)结合起来。地图是渲染的,设置坐标非常简单,但我需要一些方法来生成滚动链接,例如[1号研究员实验室网站],[2号研究员实验室网站]等,特别是当它们位于地图上的同一位置时

从其他示例中,我所能看到的使这些交互的方法似乎是针对图像地图区域的警报和单个链接,但我确信它可能更通用,我想知道是否有人知道我如何以这种方式呈现文本

(当你想更仔细地观察时,所有的实验室都会扩大)那太好了

很抱歉,我不能更具建设性,但代码太密集,我无法了解如何做到这一点,我觉得我可能缺少一些基本的解决方案


谢谢

将图像映射到div,然后将其默认设置为隐藏
将鼠标悬停到某个部分时,将该组设置为“通过JavaScript可见”(因为这是我的第一个问题!),这不允许我发布此图像,但可能有助于了解当前真正静态的情况。真不敢相信你没有使用谷歌地图或类似的东西。你可以得到每个国家的大致多边形,并根据需要标记。听起来谷歌地图是解决这个问题的好办法。你看过他们的javascript应用程序示例吗?@davidkonrad谢谢你的提示,我已经研究过了,我正在尝试一个融合表,看起来很有效。@Jasen我没有,我想我现在可能偶然发现了它-是吗?啊,有趣的解决方案,我现在已经将所有地理位置数据检索到一个电子表格中,这样我就可以自动放置标记了——如果这是一张更小的地图,那将是一个好主意。CheersWell我本来打算使用一个简单的图像地图,但它在地图上有126个点,所以我有一个谷歌电子表格链接到html中的Javascript,生成一个交互式谷歌地图,可能还有集群的额外好处。如果没有问题的话(因为我可能需要在某个点上制作一个更小的图像贴图),你能给我指一些将图像贴图分组到div的代码吗?是的,可能很难让我们看看是否有其他答案