You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
197 lines
4.8 KiB
197 lines
4.8 KiB
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> |
|
<html> |
|
|
|
<head> |
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> |
|
<title>amMap example</title> |
|
|
|
<link rel="stylesheet" href="../ammap/ammap.css" type="text/css"> |
|
<script src="../ammap/ammap.js" type="text/javascript"></script> |
|
<!-- map file should be included after ammap.js --> |
|
<script src="../ammap/maps/js/usaLow.js" type="text/javascript"></script> |
|
<script> |
|
var map; |
|
|
|
AmCharts.ready(function() { |
|
map = new AmCharts.AmMap(); |
|
|
|
|
|
map.colorSteps = 10; |
|
|
|
var dataProvider = { |
|
mapVar: AmCharts.maps.usaLow, |
|
|
|
areas: [ |
|
{ |
|
id: "US-AL", |
|
value: 4447100}, |
|
{ |
|
id: "US-AK", |
|
value: 626932}, |
|
{ |
|
id: "US-AZ", |
|
value: 5130632}, |
|
{ |
|
id: "US-AR", |
|
value: 2673400}, |
|
{ |
|
id: "US-CA", |
|
value: 33871648}, |
|
{ |
|
id: "US-CO", |
|
value: 4301261}, |
|
{ |
|
id: "US-CT", |
|
value: 3405565}, |
|
{ |
|
id: "US-DE", |
|
value: 783600}, |
|
{ |
|
id: "US-FL", |
|
value: 15982378}, |
|
{ |
|
id: "US-GA", |
|
value: 8186453}, |
|
{ |
|
id: "US-HI", |
|
value: 1211537}, |
|
{ |
|
id: "US-ID", |
|
value: 1293953}, |
|
{ |
|
id: "US-IL", |
|
value: 12419293}, |
|
{ |
|
id: "US-IN", |
|
value: 6080485}, |
|
{ |
|
id: "US-IA", |
|
value: 2926324}, |
|
{ |
|
id: "US-KS", |
|
value: 2688418}, |
|
{ |
|
id: "US-KY", |
|
value: 4041769}, |
|
{ |
|
id: "US-LA", |
|
value: 4468976}, |
|
{ |
|
id: "US-ME", |
|
value: 1274923}, |
|
{ |
|
id: "US-MD", |
|
value: 5296486}, |
|
{ |
|
id: "US-MA", |
|
value: 6349097}, |
|
{ |
|
id: "US-MI", |
|
value: 9938444}, |
|
{ |
|
id: "US-MN", |
|
value: 4919479}, |
|
{ |
|
id: "US-MS", |
|
value: 2844658}, |
|
{ |
|
id: "US-MO", |
|
value: 5595211}, |
|
{ |
|
id: "US-MT", |
|
value: 902195}, |
|
{ |
|
id: "US-NE", |
|
value: 1711263}, |
|
{ |
|
id: "US-NV", |
|
value: 1998257}, |
|
{ |
|
id: "US-NH", |
|
value: 1235786}, |
|
{ |
|
id: "US-NJ", |
|
value: 8414350}, |
|
{ |
|
id: "US-NM", |
|
value: 1819046}, |
|
{ |
|
id: "US-NY", |
|
value: 18976457}, |
|
{ |
|
id: "US-NC", |
|
value: 8049313}, |
|
{ |
|
id: "US-ND", |
|
value: 642200}, |
|
{ |
|
id: "US-OH", |
|
value: 11353140}, |
|
{ |
|
id: "US-OK", |
|
value: 3450654}, |
|
{ |
|
id: "US-OR", |
|
value: 3421399}, |
|
{ |
|
id: "US-PA", |
|
value: 12281054}, |
|
{ |
|
id: "US-RI", |
|
value: 1048319}, |
|
{ |
|
id: "US-SC", |
|
value: 4012012}, |
|
{ |
|
id: "US-SD", |
|
value: 754844}, |
|
{ |
|
id: "US-TN", |
|
value: 5689283}, |
|
{ |
|
id: "US-TX", |
|
value: 20851820}, |
|
{ |
|
id: "US-UT", |
|
value: 2233169}, |
|
{ |
|
id: "US-VT", |
|
value: 608827}, |
|
{ |
|
id: "US-VA", |
|
value: 7078515}, |
|
{ |
|
id: "US-WA", |
|
value: 5894121}, |
|
{ |
|
id: "US-WV", |
|
value: 1808344}, |
|
{ |
|
id: "US-WI", |
|
value: 5363675}, |
|
{ |
|
id: "US-WY", |
|
value: 493782}] |
|
}; |
|
|
|
map.areasSettings = { |
|
autoZoom: true |
|
}; |
|
map.dataProvider = dataProvider; |
|
|
|
var valueLegend = new AmCharts.ValueLegend(); |
|
valueLegend.right = 10; |
|
valueLegend.minValue = "little"; |
|
valueLegend.maxValue = "a lot!"; |
|
map.valueLegend = valueLegend; |
|
|
|
map.write("mapdiv"); |
|
}); |
|
</script> |
|
</head> |
|
|
|
<body> |
|
<div id="mapdiv" style="width: 100%; background-color:#EEEEEE; height: 500px;"></div> |
|
</body> |
|
|
|
</html> |