Hi all, Just like the title said, it I need to know how to create or find a tutorial for creating, .. A map of a country in which, when a user hovers on different territories inside that country, those territories would have to simply change colors. In many ways, it is similar to the hover function in java script, but javascript hover function can only work with pictures ( at-least to the best of my knowledge i.e. ) That, would be a problem, because I can only use square images. Any help would be appreciated.
<area shape="poly" coords="74,0,113,29,98,72,52,72,38,27" Code (markup): I think you can specify areas other than squares...
There are many online mapping tools which can do what you need quickly, take a look at iMap Builder Online which let you use a pre-built world countries template, Google map, or even let you import a custom JPG image, and then define your own clickable areas. It would be much faster for you to use such tool if the map is just part of your website project.
Here is the link (done in jquery).. if you are interested http://davidlynch.org/projects/maphilight/docs/ http://davidlynch.org/projects/maphilight/docs/demo_usa.html
Here you have the functionality you're looking for, just take a look at the javascript http://www.info-trip.ro You'll need to create polygons for that.