Javascript/SVG plottable US Map

Requirements:

• Raphael
• gRaphael - just for the mouseover tags
• ScaleRaphael - the scalability

To get something like demo page use:

var yourIntendedMapWidth = 600;
var container = 'dom-id-of-your-container-div';

var paper = new ScaleRaphael(container, 950, 650);
var map = paper.USMap();
paper.scaleAll(yourIntendedMapWidth/map.width);

map.plot(38.646908,-90.205994, "St. Louis, MO");
map.darkenState('MO', 0.07);

Credits

• this project is built on: https://github.com/robflaherty/us-map-raphael
• base SVG is from: http://commons.wikimedia.org/wiki/File:Blank_US_Map.svg
• lower 48 coords math: http://commons.wikimedia.org/wiki/File:Usa_edcp_relief_location_map.png
• Alaska/Hawaii coords math: http://www.delphi3000.com/articles/article_4479.asp