I have this svg image. I would, using jQuery’s mapHighlight, realize something that look like this. The final result should be zoomable, without great loss of definition, the quality of 3rd link is ok. How I can realize that? In mapHiglight documentation svg aren’t treated.
I have this svg image. I would, using jQuery’s mapHighlight , realize something that
Share
I’m unfamiliar with jQuery mapHighlight, but by the looks of it it seems that you it doesn’t extract any data from the SVG, you must define the hover areas yourself. You could automate this with some script, but there’s a much simpler and robust approach: just use CSS:
I’m unfamiliar with Italy’s geography, but if several polygons form part of a province you can wrap them in a
<g>element and then do…See a demo here: http://jsfiddle.net/EaQjD/