How can I create a Dynamic - Interactive image map with jQuery?

送分小仙女□ 提交于 2019-11-29 15:50:14

问题


So I am using the .Net framework, building with ASP.NET MVC, how do I create a Dynamic, interactive web 2.0 style Image Map? Where say for example, on a world map, if you hover over a country, the selected country will highlight, and a tool tip comes up with various information, and if you click the country it takes you to the said countries details page.


回答1:


I work on such a plugin jVectorMap. You can check it out here jvectormap.owl-hollow.net.




回答2:


Well, my answer below is not using jQuery but using flash based map.

In my last project, one of the client requirement is to display a world map, with the number of jobads info displayed when a mouse over in that country. After tried some map solution, we both agree to use ammap.

ammap is quiet easy to use and customized. Without license key, it will display a link to ammap website. You can put any text you want for each area. Area can be a predetermined country, or you can define it, for example create a new fiction island and country. Map can be colored using heatmap, or drill down, from continent down to countries. The documentation cover almost all config possibilities, and you can also learn tricks from included example.




回答3:


The maphilight for jquery will totally suit your needs I think:

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

A nice tooltip you will have to add yourself, but there are plenty other plugins available for that.



来源:https://stackoverflow.com/questions/2108406/how-can-i-create-a-dynamic-interactive-image-map-with-jquery

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!