subwayMap is plugin for jQuery that allow you create a beautiful, interactive subway map visualization for your website using HTML markup. It use the power of jQuery and HTML5. The map size, line width and colors can all be customizable. The markup used to create the map is search engine friendly too. The map should be as faithful as possible to the London Underground map style with smooth curves and interchange connectors and 45-degree diagonals.

Before you get started, there’s one thing you’ll want to keep in mind — beautiful subway maps are never automatic; they are almost always the result of care in design and placement to ensure that the resulting map is functional, legible and beautiful. This plugin is just a tool…you will still need to plan and design your map in order to produce a good result.

Like most navigation plugins, subwayMap uses an unordered list. The basic markup consists of the following:

• An outer DIV element to control general placement, background etc.

• One UL element for each “line” desired in the map.

• For each UL element, one or more LI elements with either plain text or an A element with plain text. An LI element provides coordinates for drawing lines and/or markers on the map.

Requirements: jQuery Framework
Demo: http://www.kalyani.com/2010/10/subway-map-visualization
License: License Free

Incoming search terms for the article:

• Subway map
• jquery subway
• subway maps
• jquery subway map
• london underground map 2011
• map subway
• map visualization
• subway map design
• subway map style
• jquery metro