【问题标题】:Using image maps with text somehow (jquery?)以某种方式使用带有文本的图像映射(jquery?)
【发布时间】:2013-09-18 01:09:30
【问题描述】:

首先,我知道图像地图有点过时,但它们还没有被弃用,而且足够整洁!我正在升级现有且非常混乱的图像地图,该地图用于展示世界各地不同实验室在化学研究领域的工作,并且实际上只是试图为自己解决编码/设计问题。

我想知道如何将翻转图像淡入淡出(例如for individual countries)与文本(即标题而不是带有文本提示的 URL)结合起来。地图被渲染并设置坐标是一件很简单的事情,但我需要一些方法来生成翻转时的链接,例如 [Researcher 1 |实验室网站],[研究员2 |实验室网站] 等,尤其是当他们居住在地图上的同一个地方时。

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

Something that acts like this(当您想更仔细地查看时,所有实验室都会展开)会很棒。

很抱歉,我不能更有建设性,但代码太密集,我无法弄清楚它是如何完成的,而且我觉得我可能缺少一些基本解决方案......?

谢谢

【问题讨论】:

  • 它不允许我发布这张图片(因为这是我的第一个问题!),但this picture 可能有助于了解目前真正的静态情况。跨度>
  • 不敢相信你没有使用谷歌地图或类似的东西。您可以获得每个国家/地区的粗略多边形并根据需要进行标记。
  • 听起来谷歌地图是解决您问题的好方法。你看过他们的示例 javascript 应用程序吗?
  • @davidkonrad 感谢您的提示,我已经研究过了,我正在尝试融合表,看起来很有效。
  • @Jasen 我没有,我想我现在可能偶然发现了它 - 是 this 吗?

标签: jquery css imagemap


【解决方案1】:

将图像映射到一个 div,然后默认将其设置为隐藏 在悬停到某个部分时,将组设置为 JavaScript 可见

【讨论】:

  • 啊,有趣的解决方案,我现在已经将所有地理位置数据检索到电子表格中,这样我就可以自动放置标记 - 如果这是一张较小的地图,那将是一个好主意。干杯
  • 嗯,我打算使用一个简单的图像地图,但它是在地图上的 126 个点,所以我有一个谷歌电子表格链接到 html 中的 Javascript 来生成一个交互式谷歌地图,添加集群的好处也许。如果没有问题(因为我可能不得不在某些时候制作一个较小的图像映射),您能否指出一些用于将图像映射分组到 div 的代码?
  • 是的可能很难让我们看看我们是否得到任何其他答案
猜你喜欢
  • 1970-01-01
  • 2010-10-19
  • 2015-09-12
  • 2012-11-26
  • 1970-01-01
  • 2014-09-27
  • 1970-01-01
  • 2012-09-27
  • 1970-01-01
相关资源
最近更新 更多