How to create a dynamic interactive image map using jQuery?

So, I am using the .Net infrastructure, creating with ASP.NET MVC, how can I create a dynamic, interactive 2.0-style image web map? For example, if you say, for example, on a world map, if you hover over a country, the selected country will be highlighted, and a hint will tell you various information, and clicking on the country will take you to a page with the indicated countries.

+4
source share
3 answers

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

+10
source

Well, my answer below does not use jQuery, but it uses a flash card.

In my last project, one of the clientโ€™s requirements is to display a world map showing the amount of job information displayed when you hover over that country. After you try some map solution, we both agree to use ammap .

ammap is quiet, easy to use and customizable. Without a license key, it will display a link to a website. You can put any text you want for each area. The area can be a predefined country, or you can define it, for example, create a new island and a country of fantasy. The map can be colored using a heat map or expanded, from continent to countries. The documentation covers almost all the configuration options, and you can also find out what tricks from the above example.

+1
source

Maphilight for jquery will fully satisfy your needs, I think:

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

A good hint you will have to add, but many other plugins are available for this.

0
source

Source: https://habr.com/ru/post/1298984/


All Articles