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

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

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

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

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

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

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

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

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