A jQuery plugin that will provided shortest route through a series of one or more svg maps from a given start location to a destination using routing information encoded into the svg file.

This plugin can be useful for kiosks and interactive digital signage.

This plugin uses the SVG Plugin by Keith Wood and needs the base jquery.svg.js, jquery.svgdom.js, and jquery.svganim.js files. (as of August 2011 coding is taking place to remove this dependancy)

Base svg map files can be generated with a variety of tools including Adobe Illustrator. The maps use layers to hold the base map and information about:

• rooms -- paths that define clickable areas in the map to enable touch routing
• doors -- end points to travel that associate names to the ends of paths
• portals -- connections between separate svg files that allow travel between floors or between the inside of a building and an area map
• and paths -- the possible routes of travel as line segments

The plugin takes these maps and provides a callable function for displaying the shortest possible route to destination. The color and width of the route are configurable as is the radius applied to corners of the line and the speed with which it is drawn.

• usage
• methods
• svgFormat

Demo

(2010-08-02) Use the demo only with Firefox and Opera for now. A version that plays well with Firefox, Opera, Chrome and Safari will be uploaded later. The plug-in has been worked successfully with all four of those browsers in other tests, but is not performing well with the demo files. (2010-07-30) A zip file with a working demo of the plug-in using two maps is in the downloads area. Room 201 is the only one that exhibits different routing depending on if the accessible checkbox is selected or not. Routing to room 122 demonstrates that it is possible to route through other rooms, in this case the right hand side of room 123, but optional to do so as it will not route through the left hand side of the same room.