问题标签 [imagemap]

我正在寻找创建“您访问过的国家/地区”的地图 - 就像您可能在 Facebook、TravelAdvisor 等上看到的那样。

我尝试过不同的闪存套件，但它们并没有我希望的那么先进。我在使用所有不同的工具包时遇到的主要问题是，当您单击某个国家/地区时会更改其背景颜色，并在您“取消选择”它时让它保持该颜色。这显然对于给用户一些视觉反馈是必要的。

到目前为止，我设法做到这一点的唯一方法是通过带有巨大 XML 字符串的 javascript 初始化 flash，有一个与 Javascript 交互的点击回调，并使用 javascript 使用正则表达式更改 XML 字符串，然后发回 XML到闪光灯。很明显，这种方法远非最优，而且非常非常慢。

我已经尝试过 FusionMaps、amMap、AnyMaps 和 diyMap，但到目前为止，我还没有找到任何方法来使用它们中的任何一个。如果有人对其中任何一个做过类似的事情，我真的很想知道如何:-)

有人对我应该看什么有任何指示或建议吗？我开始认为只使用维基百科上的免费 SVG 大陆地图，将它们转换为 PNG 并创建所有国家/地区的图像地图会更简单（虽然不太灵活） - 然后使用 Canvas 和 VML 绘制国家之上的元素 - 但与闪存解决方案相比，这似乎是一个巨大的痛苦并且非常容易出错。

感谢阅读，希望有人能给我一些建议:-)

• 末日先生

是否有人遇到过卡巴斯基反病毒软件阻止浏览器显示在 ASP.NET 应用程序中创建的图像映射的问题？如果是这样，有没有办法解决这个问题？

非常感谢，尼克

无论如何要使图像映射符合 W3C XHTML 1.0 Strict 标准吗？

我正在处理这个页面，当我点击我的 W3C Validator 徽章时，我收到了一个验证错误。

是否有任何符合 XHTML 1.0 Strict 标准的标签替换了图像映射 <map> 和 <area> 标签？

我确实去了 w3c 并查看了他们的规范，我唯一能找到的是带有嵌套 <li> 的 <nl> 标记，但我尝试了它们，但它们在我尝试的任何浏览器中都不起作用。

在我的 XUL 中，我有以下代码片段：

图像显示得很好，但是，当我将鼠标悬停时，光标不会变为手形，并且单击不会调用 pad 函数。

类似的代码在纯 HTML 中运行良好，因此必须有一些技巧才能通过 Firefox XUL 文件使其运行。

有人有在 Flex 中做类似图像映射的例子吗？我不确定这是否是正确的术语，因为我还想做一些事情，比如突出图像的选定部分或显示一个指向它的弹出气泡。有任何想法吗？

我刚刚在 Visual Studio 2008 中发现了 imagemap 控件。我熟悉 HTML 中的 imagemap 概念，我只是习惯于使用允许您以可视方式选择区域的编辑器，例如在图像本身上绘制热点，以及软件生成 HTML 本身。但我不能在 Visual Studio 中做到这一点，而且我有大约 20 个不同的圆形热点要创建。我也不知道如何轻松检测坐标（X 和 Y）。有小费吗？建议？想法？

在编辑中添加 - 另外，有没有办法向图像地图中的每个热点添加代码？

任何人都可以提供任何指示以确保在禁用图像时图像映射中的 alt 标记可见吗？

我正在使用 FireFox Developer 工具栏将图像替换为 Alt 属性。所有图像都替换为与其对应的替代文本，但图像映射不会。

有没有办法在 Flash/Flex 中创建图像映射，并通过 jQuery 将其作为 DOM 中的脚本元素？

我目前有一个标准的 HTML 图像映射，当单击某个选择时，会检查同一页面上表单上的复选框（通过 javascript）。我想用更具视觉吸引力的东西来代替它，所以我认为 Flash/Flex 和 jQuery 可能是一个很好的方法，但我不知道 Flex 是否可以很容易地与 jQuery 对话。

作为一个相关问题，如果我在 Flex 组件中有表单元素（如选定的地图区域），并且我在同一页面上使用 HTML 组件发布表单，Flex 字段的值是否会与 HTML 字段一起发布？

（注意：我知道 CSS 图像精灵，并得出结论认为它不适用于我的项目；太多的不规则形状靠得太近，如果我走这条路，我会牺牲太多的准确性。）

我有一个复杂的背景图像，其中包含许多需要翻转插图突出显示的小区域，以及每个区域的附加文本显示和相关链接。最终插图使用 z-index 堆叠了几个具有透明度的静态图像，并且高光翻转插图需要显示在中间的“三明治”层之一中才能达到预期的效果。

在对块进行了一些不成功的操作后，我决定可以使用老式的图像映射来完成。我制作了一个带有四个几何形状轮廓的示意性测试地图，并使用 png 翻转“填充”它们。这个想法是将图像映射与底部背景层相关联，使用 css {visibility: hidden} 初始化所有翻转，并使用 Jquery 的悬停方法使它们可见，并在单独的 div 中显示关联的文本。单独的文本函数是我不尝试使用 :hover 伪类而不是 jQuery 悬停的原因。因为我使用的是图像贴图，所以我将所有翻转 png（具有透明背景）的大小调整为完整容器的大小，以便精确放置，以便所有内容都精确排列。

我得到的作品......不是真的！正确映射图像映射以仅激活几何区域。但是每个翻转区域的 href 只能间歇性地工作，并且使用带有 css 可见性的 Jquery 悬停是一团糟。期望的行为是滚入该区域只会使形状变得坚固。实际发生的是形状内部的任何运动都会在可见和隐藏之间快速切换；当光标停在形状内时，它可能可见，也可能不可见。任何想法表示赞赏！

悬停设置示例（我最终将使用数组来实现真正的悬停、关联的链接和文本）：

图片地图：

有人对我如何在 iPhone 上实现以下功能有任何想法吗？我们有一张美国地图，它有不同颜色的不同区域（我相信气候区域）。它们不是矩形的，并且不遵循州、邮编、县或任何其他定义的线。所以，我们的区域非常圆，甚至不一定是连续的。

我很乐意让我们的用户能够点击他们的区域，我将能够告诉他们从哪里触摸到它是哪个区域，但是对于我的生活来说，没有制作很多很多矩形来做最适合的曲线，我不知道该怎么做。

有任何想法吗？

编辑：这些地区可能和这一样难…… 链接文本