jquery - 如何使用 jQuery 创建动态 - 交互式图像映射？

Question

所以我使用 .Net 框架，用 ASP.NET MVC 构建，我如何创建一个动态的、交互式的 web 2.0 风格的图像映射？例如，在世界地图上，如果您将鼠标悬停在一个国家/地区上，所选国家/地区将突出显示，并且工具提示会显示各种信息，如果您单击该国家/地区，它将带您进入该国家/地区的详细信息页面。

Answer 1

我在这样一个插件 jVectorMap 上工作。你可以在这里查看jvectormap.owl-hollow.net。

Answer 2

好吧，我下面的答案不是使用 jQuery，而是使用基于 Flash 的地图。

在我的上一个项目中，客户要求之一是显示世界地图，当鼠标悬停在该国家/地区时会显示职位信息的数量。在尝试了一些地图解决方案后，我们都同意使用ammap。

ammap非常易于使用和定制。如果没有许可证密钥，它将显示指向 ammap 网站的链接。您可以为每个区域放置您想要的任何文本。区域可以是预先确定的国家，也可以定义它，例如创建一个新的虚构岛屿和国家。地图可以使用热图着色，或向下钻取，从大陆到国家。该文档涵盖了几乎所有配置可能性，您还可以从包含的示例中学习技巧。

Answer 3

我认为 jquery 的 maphilight 将完全满足您的需求：

http://plugins.jquery.com/project/maphilight

您必须自己添加一个不错的工具提示，但还有很多其他插件可用。