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);
- 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