14
I have the following map:
When the customer hovers the mouse over a state, it has to change color. I thought to do several Ivs, to assemble the map. Only this will generate a problem, as the Divs are square, you will have to pass the mouse right in the center of the state.
Is there any other alternative?
21
This can help you:
https://github.com/felipeduardo/mapa-brasil-svg/blob/master/index.html
The map is almost the same, just change the style.
I noticed that the cited project does not indicate which license to use, it only says "Creditos to olx.com.br" - and I saw no indication that OLX made the map available for free use. If I’m wrong, please correct me, because I’m also looking for such a solution.
P.S. I found on Wikipedia a similar SVG file, this licensed under Creative Commons (CC-BY-SA). The process to implement the Hover is the same.
Browser other questions tagged jquery css
You are not signed in. Login or sign up in order to post.
Is every gray state an image? Just put one
hoverin the image, no? .__.– Felipe Avelar
Depending on your use, you can use fusioncharts-> http://www.fusioncharts.com/charts/fusionmaps/? map=Brazil
– Tafarel_Brayan
Maybe do in SVG, or in the most laborious and old-fashioned way.. which is to map all states and then create an Hover/image exchange effect.
– Ricardo
I created a Jqvmap plugin directive in Jquery for Angularjs github link
– user50377