map.html 4.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209
  1. <html>
  2. <head>
  3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  4. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  6. <script src="http://www.amcharts.com/lib/3/ammap.js"></script>
  7. <script src="http://www.amcharts.com/lib/3/maps/js/usaLow.js"></script>
  8. <!-- Export plugin includes and styles -->
  9. <script src="../export.js"></script>
  10. <link type="text/css" href="../export.css" rel="stylesheet">
  11. <style>
  12. body, html {
  13. height: 100%;
  14. padding: 0;
  15. margin: 0;
  16. overflow: hidden;
  17. font-size: 11px;
  18. font-family: Verdana;
  19. }
  20. #chartdiv {
  21. width: 100%;
  22. height: 100%;
  23. }
  24. </style>
  25. <script type="text/javascript">
  26. var map = AmCharts.makeChart( "chartdiv", {
  27. "type": "map",
  28. "colorSteps": 10,
  29. "dataProvider": {
  30. "map": "usaLow",
  31. "areas": [ {
  32. "id": "US-AL",
  33. "value": 4447100
  34. }, {
  35. "id": "US-AK",
  36. "value": 626932
  37. }, {
  38. "id": "US-AZ",
  39. "value": 5130632
  40. }, {
  41. "id": "US-AR",
  42. "value": 2673400
  43. }, {
  44. "id": "US-CA",
  45. "value": 33871648
  46. }, {
  47. "id": "US-CO",
  48. "value": 4301261
  49. }, {
  50. "id": "US-CT",
  51. "value": 3405565
  52. }, {
  53. "id": "US-DE",
  54. "value": 783600
  55. }, {
  56. "id": "US-FL",
  57. "value": 15982378
  58. }, {
  59. "id": "US-GA",
  60. "value": 8186453
  61. }, {
  62. "id": "US-HI",
  63. "value": 1211537
  64. }, {
  65. "id": "US-ID",
  66. "value": 1293953
  67. }, {
  68. "id": "US-IL",
  69. "value": 12419293
  70. }, {
  71. "id": "US-IN",
  72. "value": 6080485
  73. }, {
  74. "id": "US-IA",
  75. "value": 2926324
  76. }, {
  77. "id": "US-KS",
  78. "value": 2688418
  79. }, {
  80. "id": "US-KY",
  81. "value": 4041769
  82. }, {
  83. "id": "US-LA",
  84. "value": 4468976
  85. }, {
  86. "id": "US-ME",
  87. "value": 1274923
  88. }, {
  89. "id": "US-MD",
  90. "value": 5296486
  91. }, {
  92. "id": "US-MA",
  93. "value": 6349097
  94. }, {
  95. "id": "US-MI",
  96. "value": 9938444
  97. }, {
  98. "id": "US-MN",
  99. "value": 4919479
  100. }, {
  101. "id": "US-MS",
  102. "value": 2844658
  103. }, {
  104. "id": "US-MO",
  105. "value": 5595211
  106. }, {
  107. "id": "US-MT",
  108. "value": 902195
  109. }, {
  110. "id": "US-NE",
  111. "value": 1711263
  112. }, {
  113. "id": "US-NV",
  114. "value": 1998257
  115. }, {
  116. "id": "US-NH",
  117. "value": 1235786
  118. }, {
  119. "id": "US-NJ",
  120. "value": 8414350
  121. }, {
  122. "id": "US-NM",
  123. "value": 1819046
  124. }, {
  125. "id": "US-NY",
  126. "value": 18976457
  127. }, {
  128. "id": "US-NC",
  129. "value": 8049313
  130. }, {
  131. "id": "US-ND",
  132. "value": 642200
  133. }, {
  134. "id": "US-OH",
  135. "value": 11353140
  136. }, {
  137. "id": "US-OK",
  138. "value": 3450654
  139. }, {
  140. "id": "US-OR",
  141. "value": 3421399
  142. }, {
  143. "id": "US-PA",
  144. "value": 12281054
  145. }, {
  146. "id": "US-RI",
  147. "value": 1048319
  148. }, {
  149. "id": "US-SC",
  150. "value": 4012012
  151. }, {
  152. "id": "US-SD",
  153. "value": 754844
  154. }, {
  155. "id": "US-TN",
  156. "value": 5689283
  157. }, {
  158. "id": "US-TX",
  159. "value": 20851820,
  160. "description": "<p>Texas is the second most populous (after California) and the second largest of the 50 U.S. states (after Alaska) in the United States of America, and the largest state in the 48 contiguous United States. Geographically located in the south central part of the country, Texas shares an international border with the Mexican states of Chihuahua, Coahuila, Nuevo León, and Tamaulipas to the south and borders the U.S. states of New Mexico to the west, Oklahoma to the north, Arkansas to the northeast, and Louisiana to the east. Texas has an area of 268,820 square miles (696,200 km2) and a growing population of over 26.9 million residents (July 2014).</p>"
  161. }, {
  162. "id": "US-UT",
  163. "value": 2233169
  164. }, {
  165. "id": "US-VT",
  166. "value": 608827
  167. }, {
  168. "id": "US-VA",
  169. "value": 7078515
  170. }, {
  171. "id": "US-WA",
  172. "value": 5894121
  173. }, {
  174. "id": "US-WV",
  175. "value": 1808344
  176. }, {
  177. "id": "US-WI",
  178. "value": 5363675
  179. }, {
  180. "id": "US-WY",
  181. "value": 493782
  182. } ]
  183. },
  184. "areasSettings": {
  185. "autoZoom": true
  186. },
  187. "smallMap": {
  188. "top": 50,
  189. "right": 50
  190. },
  191. "valueLegend": {
  192. "right": 10,
  193. "minValue": "little",
  194. "maxValue": "a lot!"
  195. },
  196. "export": {
  197. "enabled": true
  198. }
  199. } );
  200. </script>
  201. </head>
  202. <body>
  203. <div id="chartdiv"></div>
  204. </body>
  205. </html>