Making Clickable Maps With Great Hover Over Effects
A great way for website owners to categorize their articles or posts or any information related to specific areas or states is to have a clickable map on your web site instead of a dull list of links on your page.
With the new JQuery plugin javascript techniques being developed across the net, it is now exciting to use image maps again. For instance the great jquery plugin MapHilight by David Lynch actually hilights areas of coordinates that are plotted in a way that can be easily edited.
Admittedly to create a great hover over effect requires attention to detail as far as plotting coordinates goes but it’s worth the effort as you can see in my demo of a clickable map of the Germany. Failing to make really tight coordinates can porduce undesired results…..that’s why I have created perfect map coordinates for counties and states for my latest clickable maps. Check out my clickable map of France and its states to see this effect.
However before we even start to plot coordinates we must make a decent clickable map image and this is a task untoo itself. Tracing borders and states is a time consuming business for any webmaster. To save you time, I have already created layered Photoshop Image Files of popular country maps complete with all state borders traced with guidance from Wikipedia.
There you have it a ready made kit for making amazing clickable maps for your website or blog, usually at 600 pixels width perfect for most web pages. The whole process of making a clickable map like this from scratch is very time consuming and can be very expensive to pay a webmaster to create this and even worse days and weeks of your own precious time if you decide to make it yourself. Plotting tight coordinates for the 130 counties of the United Kingdom and Ireland clickable map took me two weeks to complete. See the splendid result at my website www.clickable maps.com.
If ever you need a clickable map of USA, EUROPE, GERMANY, FRANCE and ASIA be sure to come to my website and download a clickable map with editable photoshop image and html code and save yourself a mountain of precious time. One last note: Joomla users can experience difficulty adding image maps to their pages, I have a solution at my website and instructions with every clickable map package that I present at my website.
This entry was posted on Tuesday, May 26th, 2009 at 4:00 am and is filed under General. You can follow any responses to this entry through the RSS 2.0 feed. Both comments and pings are currently closed.