How to create a dynamic infographic map using jQuery/SVG
Hey guys i was to create a map that looks like
THIS. A live example can be seen
here
. Now i had a look at this plugin they have used on that website and it happens to be
jvectorMap. Now i went through the simple basic example and the code used to create a simple map , looks like
HERE . Thats a heck of alot of files being imported.
is there an easier way to make a map like that ? basically i don;t want anything dynamic as of now , just a static map (something like jvector map). i should be able to plat the countries that a user "required a visa" and "does't require a visa.". both sould have different color I.E. the countries he requires the visa to maybe of blue color and for the country he does not require a visa may be "grey color".
- On hover the country name should be visible.
- The boxes at the botyom should be dynamic and update based
on the no of countries that a user is allowed with a visa vs not allowed without a visa.
basically is there a plugin anyone on here is familier with that will give me something close to what i want.
I am really out of idea on this one , even though it seems like a relatively easy task to achieve.
Thank you.