When this project was made, d3.js was young and unproven and had no good story for doing maps. That has changed so much. These days, if you want to do data with a US map, consider using d3. Perhaps via...
- http://datamaps.github.io/
- https://d3-geomap.github.io/map/choropleth/us-states/
- https://github.com/mbostock/d3/wiki/Geo-Projections
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