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

Question

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

Answer 1

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

Answer 2

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

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

ammap安静易用且可定制。没有许可证密钥，它将显示指向ammap网站的链接。您可以为每个区域添加所需的任何文本。区域可以是预定的国家，或者您可以定义它，例如创建一个新的小说岛屿和国家。地图可以使用热图或向下钻取，从大陆到国家。该文档几乎涵盖了所有配置可能性，您还可以从包含的示例中学习技巧。

Answer 3

jquery的maphilight完全符合你的需求我想：

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

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