Skip to content

Instantly share code, notes, and snippets.

@germanny
Created October 10, 2012 22:41
Show Gist options
  • Star 3 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save germanny/3868987 to your computer and use it in GitHub Desktop.
Save germanny/3868987 to your computer and use it in GitHub Desktop.
Responsive States Map. Includes states listing with abbreviations and AI file of the map. Uses both http://archive.plugins.jquery.com/project/maphilight and https://github.com/stowball/jQuery-rwdImageMaps. Requires the latest version of jQuery or you'll b
<?php
switch ($map_state)
{
case 'Alabama':
$abbr = 'AL';
break;
case 'Alaska':
$abbr = 'AK';
break;
case 'Arizona':
$abbr = 'AZ';
break;
case 'Arkansas':
$abbr = 'AR';
break;
case 'California':
$abbr = 'CA';
break;
case 'Colorado':
$abbr = 'CO';
break;
case 'Connecticut':
$abbr = 'CT';
break;
case 'Delaware':
$abbr = 'DE';
break;
case 'District of Columbia':
$abbr = 'DC';
break;
case 'Florida':
$abbr = 'FL';
break;
case 'Georgia':
$abbr = 'GA';
break;
case 'Hawaii':
$abbr = 'HI';
break;
case 'Idaho':
$abbr = 'ID';
break;
case 'Illinois':
$abbr = 'IL';
break;
case 'Indiana':
$abbr = 'IN';
break;
case 'Iowa':
$abbr = 'IA';
break;
case 'Kansas':
$abbr = 'KS';
break;
case 'Kentucky':
$abbr = 'KY';
break;
case 'Louisiana':
$abbr = 'LA';
break;
case 'Maine':
$abbr = 'ME';
break;
case 'Maryland':
$abbr = 'MD';
break;
case 'Massachusetts':
$abbr = 'MA';
break;
case 'Michigan':
$abbr = 'MI';
break;
case 'Minnesota':
$abbr = 'MN';
break;
case 'Mississippi':
$abbr = 'MS';
break;
case 'Missouri':
$abbr = 'MO';
break;
case 'Montana':
$abbr = 'MT';
break;
case 'Nebraska':
$abbr = 'NE';
break;
case 'Nevada':
$abbr = 'NV';
break;
case 'New Hampshire':
$abbr = 'NH';
break;
case 'New Jersey':
$abbr = 'NJ';
break;
case 'New Mexico':
$abbr = 'NM';
break;
case 'New York':
$abbr = 'NY';
break;
case 'North Carolina':
$abbr = 'NC';
break;
case 'North Dakota':
$abbr = 'ND';
break;
case 'Ohio':
$abbr = 'OH';
break;
case 'Oklahoma':
$abbr = 'OK';
break;
case 'Oregon':
$abbr = 'OR';
break;
case 'Pennsylvania':
$abbr = 'PA';
break;
case 'Rhode Island':
$abbr = 'RI';
break;
case 'South Carolina':
$abbr = 'SC';
break;
case 'South Dakota':
$abbr = 'SD';
break;
case 'Tennessee':
$abbr = 'TN';
break;
case 'Texas':
$abbr = 'TX';
break;
case 'Utah':
$abbr = 'UT';
break;
case 'Vermont':
$abbr = 'VT';
break;
case 'Virginia':
$abbr = 'VA';
break;
case 'Washington':
$abbr = 'WA';
break;
case 'West Virginia':
$abbr = 'WV';
break;
case 'Wisconsin':
$abbr = 'WI';
break;
case 'Wyoming':
$abbr = 'WY';
break;
}
?>
<?php
$state_list = array ( 'Alabama', 'Alaska', 'Arizona', 'Arkansas', 'California', 'Colorado', 'Connecticut', 'Delaware', 'Florida', 'Georgia', 'Hawaii', 'Idaho', 'Illinois', 'Indiana', 'Iowa', 'Kansas', 'Kentucky', 'Louisiana', 'Maine', 'Maryland', 'Massachusetts', 'Michigan', 'Minnesota', 'Mississippi', 'Missouri', 'Montana', 'Nebraska', 'Nevada', 'New Hampshire', 'New Jersey', 'New Mexico', 'New York', 'North Carolina', 'North Dakota', 'Ohio', 'Oklahoma', 'Oregon', 'Pennsylvania', 'Rhode Island', 'South Carolina', 'South Dakota', 'Tennessee', 'Texas', 'Utah', 'Vermont', 'Virginia', 'Washington', 'West Virginia', 'Wisconsin', 'Wyoming');
$states = '';
foreach($state_list as $state) {
$map_state = $state;
include('inc-state-abbreviations.php');
$map_abbr = strtolower($abbr);
$states .= '<li id="'.$map_abbr.'"><a href="'.home_url().'/'.strtolower(str_replace(" ", "-", $state)).'/" title="Home Insurance in '.$state.'" rel="bookmark" class="url"><span>'.strtoupper($map_abbr) .'</span> - '. $state.'</a></li>';
}
$list_elements = explode('</li>', $states);
$num = count($list_elements)-1;
$col = 3; //SET THE NUMBER OF COLUMNS
$num_col = ceil($num/$col);
for( $i=1; $i<$col; $i++) { $list_elements[$i*$num_col] = '</ul><ul class="links_list">'.$list_elements[$i*$num_col]; }
$list = implode('</li>', $list_elements); ?>
<ul class="links_list">
<?php echo $list; ?>
</ul>
<hr class="clearer">
<section id="find-your-state-section">
<header class="section-title">
<h3>Find <b>Your State</b></h3>
</header>
<article>
<?php include('inc-usa-map-960.php');?>
<?php include('inc-state-listing.php');?>
</article>
</section>
<div id="map-container">
<div id="fill-color"></div>
<img src="<?php bloginfo('stylesheet_directory'); ?>/assets/images/usa_map_960.png" usemap="#usa" width="960" height="720">
</div>
<map id="usa_image_map" name="usa">
<area title="SC" id="SC" href="<?php echo home_url(); ?>/south-carolina/" shape="poly" coords="735,418, 734,419, 731,418, 731,416, 729,413, 727,411, 725,410, 723,405, 720,399, 716,398, 714,396, 713,393, 711,391, 709,390, 707,387, 704,385, 699,383, 699,382, 697,379, 696,378, 693,373, 690,373, 686,371, 684,369, 684,368, 685,366, 687,365, 687,363, 693,360, 701,356, 708,355, 724,355, 727,356, 728,360, 732,359, 745,358, 747,358, 760,366, 769,374, 764,379, 762,385, 761,391, 759,392, 758,394, 756,395, 754,398, 751,401, 749,404, 748,405, 744,408, 741,409, 742,412, 737,417, 735,418">
<area title="HI" href="<?php echo home_url(); ?>/hawaii/" shape="poly" coords="225,521, 227,518, 229,517, 229,518, 227,521, 225,521">
<area title="HI" href="<?php echo home_url(); ?>/hawaii/" shape="poly" coords="235,518, 241,520, 243,520, 244,516, 244,513, 240,512, 236,514, 235,518">
<area title="HI" href="<?php echo home_url(); ?>/hawaii/" shape="poly" coords="265,527, 268,533, 270,532, 272,532, 273,533, 277,533, 277,531, 275,530, 273,526, 271,523, 265,526, 265,527">
<area title="HI" href="<?php echo home_url(); ?>/hawaii/" shape="poly" coords="284,536, 285,534, 290,535, 290,534, 296,535, 296,536, 294,538, 289,537, 284,536">
<area title="HI" href="<?php echo home_url(); ?>/hawaii/" shape="poly" coords="289,541, 291,545, 294,543, 294,542, 293,540, 289,540, 289,541">
<area title="HI" href="<?php echo home_url(); ?>/hawaii/" shape="poly" coords="296,540, 298,537, 303,539, 307,540, 311,543, 311,545, 308,547, 303,548, 301,546, 296,540">
<area title="HI" href="<?php echo home_url(); ?>/hawaii/" shape="poly" coords="312,555, 314,553, 317,555, 324,558, 327,561, 329,563, 331,567, 335,570, 335,571, 331,574, 327,575, 325,575, 322,576, 320,580, 318,582, 316,582, 313,580, 312,575, 313,573, 311,568, 309,566, 309,563, 311,562, 313,559, 314,558, 312,557, 312,555">
<area title="AK" href="<?php echo home_url(); ?>/alaska/" shape="poly" coords="152,458, 152,540, 154,541, 157,541, 158,540, 161,540, 161,543, 167,550, 168,552, 171,550, 172,550, 172,547, 174,546, 175,545, 177,544, 180,546, 180,549, 182,550, 183,552, 187,554, 190,560, 193,563, 195,566, 196,570, 201,571, 206,573, 207,578, 208,581, 207,584, 205,586, 203,585, 202,582, 199,581, 198,580, 197,581, 198,583, 198,587, 197,587, 195,586, 193,584, 194,586, 195,588, 194,588, 190,582, 190,580, 188,578, 188,573, 187,573, 187,577, 186,577, 185,573, 184,570, 183,569, 184,575, 184,576, 182,575, 179,569, 177,568, 176,565, 175,562, 173,561, 173,559, 175,558, 175,557, 172,558, 169,556, 166,553, 162,550, 158,548, 159,545, 159,543, 157,545, 154,546, 151,545, 145,542, 140,542, 139,543, 133,539, 131,539, 128,533, 125,533, 122,535, 122,539, 123,536, 124,537, 123,541, 126,538, 126,540, 123,544, 121,544, 121,542, 120,541, 118,542, 116,540, 113,542, 111,544, 108,546, 103,546, 103,544, 106,544, 106,542, 104,542, 105,539, 107,536, 107,534, 107,533, 112,531, 113,532, 115,532, 114,530, 110,529, 106,532, 103,535, 102,538, 100,540, 96,541, 93,544, 93,546, 95,546, 96,548, 93,552, 87,556, 80,560, 78,561, 72,562, 67,564, 69,565, 68,567, 67,568, 65,567, 61,567, 61,569, 60,569, 60,567, 57,568, 54,569, 50,568, 48,570, 45,570, 42,571, 41,572, 39,571, 36,570, 34,571, 33,572, 32,571, 32,569, 35,568, 41,568, 45,567, 47,565, 50,564, 52,563, 54,563, 56,565, 57,564, 59,562, 62,561, 65,560, 66,560, 67,560, 68,560, 69,557, 73,555, 75,552, 77,547, 79,546, 79,543, 77,545, 74,545, 73,543, 72,543, 71,544, 71,546, 70,546, 68,541, 67,542, 66,541, 66,540, 62,540, 60,541, 57,541, 59,539, 59,537, 58,535, 60,534, 61,534, 60,532, 60,528, 60,527, 59,528, 53,528, 51,527, 51,523, 49,520, 49,519, 51,518, 51,516, 52,515, 51,514, 50,515, 49,512, 50,507, 54,504, 57,503, 59,499, 61,498, 64,499, 64,501, 66,501, 70,499, 71,499, 72,500, 74,500, 76,499, 77,494, 77,488, 75,489, 72,490, 70,489, 66,488, 62,488, 58,484, 59,480, 59,478, 57,476, 55,473, 56,472, 62,471, 64,471, 65,472, 66,472, 66,471, 70,470, 72,470, 73,471, 72,473, 72,475, 74,476, 79,478, 81,477, 79,473, 78,470, 79,469, 75,467, 75,466, 75,465, 75,461, 72,456, 69,452, 72,450, 75,450, 77,451, 81,451, 85,447, 86,444, 89,442, 91,443, 94,442, 97,440, 98,440, 99,441, 104,441, 106,438, 107,438, 111,440, 113,442, 112,443, 113,444, 114,443, 118,443, 118,447, 120,448, 127,449, 133,453, 135,452, 140,454, 142,454, 144,453, 148,455, 152,458">
<area title="AK" href="<?php echo home_url(); ?>/alaska/" shape="poly" coords="41,486, 43,491, 43,492, 40,491, 39,488, 37,486, 35,486, 34,484, 36,481, 37,484, 39,485, 41,486">
<area title="AK" href="<?php echo home_url(); ?>/alaska/" shape="poly" coords="39,518, 42,519, 46,520, 47,521, 45,524, 42,524, 39,521, 39,518">
<area title="AK" href="<?php echo home_url(); ?>/alaska/" shape="poly" coords="19,504, 20,507, 21,508, 20,509, 18,506, 18,504, 19,504">
<area title="AK" href="<?php echo home_url(); ?>/alaska/" shape="poly" coords="5,575, 9,573, 12,572, 14,572, 15,574, 17,574, 19,572, 18,571, 21,570, 24,573, 23,574, 19,576, 16,575, 12,574, 8,575, 7,576, 5,575">
<area title="AK" href="<?php echo home_url(); ?>/alaska/" shape="poly" coords="53,571, 54,573, 56,571, 55,570, 53,571">
<area title="AK" href="<?php echo home_url(); ?>/alaska/" shape="poly" coords="56,574, 57,571, 59,572, 58,574, 56,574">
<area title="AK" href="<?php echo home_url(); ?>/alaska/" shape="poly" coords="78,572, 80,573, 81,572, 80,571, 78,572">
<area title="AK" href="<?php echo home_url(); ?>/alaska/" shape="poly" coords="87,560, 88,565, 91,566, 96,563, 100,561, 98,558, 99,556, 97,557, 94,557, 95,556, 97,556, 101,555, 102,553, 99,552, 100,551, 97,552, 93,556, 88,559, 87,560">
<area title="AK" href="<?php echo home_url(); ?>/alaska/" shape="poly" coords="128,541, 130,539, 129,537, 127,538, 128,541">
<area title="FL" href="<?php echo home_url(); ?>/florida/" shape="poly" coords="730,449, 732,457, 736,466, 741,475, 744,481, 749,487, 753,490, 754,493, 753,494, 753,496, 755,503, 758,506, 761,511, 764,516, 769,524, 770,532, 770,543, 771,545, 771,548, 768,550, 769,551, 768,553, 768,556, 769,558, 766,561, 763,562, 759,562, 758,564, 756,565, 754,564, 753,563, 753,561, 752,557, 749,552, 745,550, 742,550, 741,551, 738,547, 737,543, 735,539, 733,538, 732,540, 730,540, 728,535, 725,531, 722,526, 720,523, 716,520, 718,517, 721,512, 721,511, 717,510, 715,510, 716,511, 718,512, 717,516, 716,517, 714,513, 713,508, 713,505, 714,501, 714,492, 711,488, 710,485, 705,484, 703,483, 701,481, 698,479, 697,476, 694,475, 692,471, 688,470, 685,468, 683,468, 679,469, 679,471, 679,472, 679,473, 676,473, 672,476, 669,478, 665,478, 662,480, 662,477, 660,475, 657,474, 656,473, 648,469, 641,467, 636,468, 631,468, 625,470, 621,471, 621,463, 619,461, 617,459, 617,456, 627,455, 652,452, 658,452, 664,452, 667,455, 668,457, 676,457, 686,456, 707,455, 712,454, 717,454, 717,457, 720,458, 720,454, 718,449, 719,448, 725,449, 730,449">
<area title="FL" href="<?php echo home_url(); ?>/florida/" shape="poly" coords="742,578, 744,577, 746,577, 747,575, 749,573, 750,574, 752,574, 752,575, 749,576, 745,577, 743,579, 742,578">
<area title="FL" href="<?php echo home_url(); ?>/florida/" shape="poly" coords="755,573, 756,574, 759,572, 764,568, 768,564, 770,558, 771,556, 771,553, 770,553, 769,556, 768,560, 765,566, 761,570, 757,571, 755,573">
<area title="GA" href="<?php echo home_url(); ?>/georgia/" shape="poly" coords="666,365, 662,366, 653,367, 645,368, 645,370, 645,372, 646,375, 649,383, 652,393, 653,398, 655,403, 656,410, 658,416, 660,419, 661,423, 663,423, 663,425, 661,430, 661,433, 661,435, 662,439, 662,444, 662,447, 662,448, 664,448, 664,452, 667,455, 668,457, 676,457, 686,456, 707,455, 712,454, 717,454, 717,457, 720,458, 720,454, 718,449, 719,448, 725,449, 730,449, 729,443, 731,433, 733,429, 732,427, 736,420, 735,418, 734,419, 731,418, 731,416, 729,413, 727,411, 725,410, 723,405, 720,399, 716,398, 714,396, 713,393, 711,391, 709,390, 707,387, 704,385, 699,383, 699,382, 697,379, 696,378, 693,373, 690,373, 686,371, 684,369, 684,368, 685,366, 687,365, 687,363, 685,363, 680,364, 673,365, 666,365">
<area title="AL" href="<?php echo home_url(); ?>/alabama/" shape="poly" coords="604,470, 603,456, 600,438, 600,424, 601,394, 601,378, 601,372, 609,371, 635,369, 645,368, 645,370, 645,372, 646,375, 649,383, 652,393, 653,398, 655,403, 656,410, 658,416, 660,419, 661,423, 663,423, 663,425, 661,430, 661,433, 661,435, 662,439, 662,444, 662,447, 662,448, 664,448, 665,452, 658,452, 652,452, 627,455, 617,456, 617,459, 619,461, 621,463, 622,471, 615,473, 613,473, 615,471, 615,470, 612,464, 610,464, 609,468, 608,471, 607,470, 604,470">
<area title="NC" href="<?php echo home_url(); ?>/north-carolina/" shape="poly" coords="804,308, 806,312, 809,318, 811,321, 812,323, 810,323, 810,324, 810,328, 808,329, 807,331, 806,334, 802,336, 800,335, 798,335, 797,334, 797,335, 797,336, 799,336, 800,337, 798,343, 802,343, 803,345, 805,343, 806,342, 804,346, 801,350, 800,350, 799,350, 796,351, 791,353, 785,358, 782,363, 780,369, 779,371, 775,372, 769,374, 760,366, 747,358, 745,358, 732,359, 728,360, 727,356, 724,355, 708,355, 701,356, 693,360, 687,363, 685,363, 680,364, 673,365, 666,365, 667,361, 668,359, 671,358, 672,355, 676,352, 679,351, 683,347, 688,345, 688,342, 692,339, 693,338, 697,336, 700,336, 702,336, 703,333, 706,330, 707,328, 707,324, 711,325, 718,324, 733,322, 750,319, 770,316, 788,312, 799,309, 804,308">
<area title="NC" href="<?php echo home_url(); ?>/north-carolina/" shape="poly" coords="808,340, 810,337, 813,335, 815,334, 815,332, 814,326, 813,324, 812,322, 813,322, 816,327, 816,331, 816,335, 813,336, 810,339, 809,340, 808,340">
<area title="TN" href="<?php echo home_url(); ?>/tennessee/" shape="poly" coords="673,329, 623,334, 608,336, 604,336, 600,336, 600,340, 592,340, 585,341, 574,341, 574,347, 572,353, 571,356, 570,360, 569,362, 565,365, 567,368, 566,372, 564,374, 572,374, 596,372, 601,372, 609,371, 635,369, 645,368, 653,367, 662,366, 666,365, 667,361, 668,359, 671,358, 672,355, 676,352, 679,351, 683,347, 688,345, 688,342, 692,339, 693,338, 697,336, 700,336, 702,336, 703,333, 706,330, 707,328, 707,324, 705,324, 702,326, 695,326, 683,328, 673,329">
<area title="RI" href="<?php echo home_url(); ?>/rhode-island/" shape="poly" coords="844,193, 844,189, 843,185, 842,179, 847,178, 849,179, 852,183, 855,187, 852,189, 851,188, 850,190, 847,192, 844,193">
<area title="CT" href="<?php echo home_url(); ?>/connecticut/" shape="poly" coords="845,193, 844,189, 843,185, 842,179, 837,180, 816,185, 816,188, 818,195, 818,203, 817,205, 818,207, 823,204, 827,201, 828,198, 829,199, 832,198, 837,197, 845,193">
<area title="MA" href="<?php echo home_url(); ?>/massachusetts/" shape="poly" coords="870,187, 872,187, 872,185, 873,185, 874,187, 873,188, 869,188, 870,187">
<area title="MA" href="<?php echo home_url(); ?>/massachusetts/" shape="poly" coords="860,188, 863,185, 864,185, 866,187, 864,188, 862,189, 860,188">
<area title="MA" href="<?php echo home_url(); ?>/massachusetts/" shape="poly" coords="827,167, 844,163, 846,162, 848,159, 852,157, 854,162, 852,167, 852,168, 854,171, 855,170, 856,170, 859,172, 862,178, 866,178, 868,178, 870,176, 869,173, 867,172, 865,172, 864,171, 865,171, 867,171, 869,171, 871,174, 872,176, 872,179, 868,180, 864,182, 860,186, 858,188, 858,187, 861,186, 861,184, 860,181, 858,182, 857,184, 857,186, 855,187, 852,183, 849,179, 847,178, 842,179, 837,180, 816,185, 815,179, 815,169, 820,168, 827,167">
<area title="ME" href="<?php echo home_url(); ?>/maine/" shape="poly" coords="892,94, 894,96, 896,100, 896,101, 894,106, 892,107, 889,110, 884,115, 880,113, 879,114, 877,116, 876,117, 878,119, 877,119, 877,122, 875,122, 875,120, 874,119, 873,119, 871,116, 869,117, 871,119, 871,120, 870,121, 870,124, 871,126, 869,128, 866,129, 866,131, 861,134, 859,135, 858,133, 855,137, 856,140, 854,141, 854,146, 853,153, 850,152, 850,149, 846,148, 846,145, 839,122, 834,108, 837,108, 838,108, 838,106, 839,100, 841,96, 843,92, 841,90, 841,84, 842,83, 842,80, 842,79, 842,74, 844,69, 847,61, 849,57, 850,57, 851,57, 851,58, 852,60, 855,61, 856,60, 856,59, 860,56, 862,55, 863,55, 869,57, 871,58, 879,87, 885,87, 886,89, 886,93, 889,96, 890,96, 890,95, 889,94, 892,94">
<area title="ME" href="<?php echo home_url(); ?>/maine/" shape="poly" coords="872,123, 873,122, 875,123, 875,125, 873,126, 872,123">
<area title="ME" href="<?php echo home_url(); ?>/maine/" shape="poly" coords="878,117, 880,119, 882,116, 882,115, 880,115, 878,117">
<area title="NH" href="<?php echo home_url(); ?>/new-hampshire/" shape="poly" coords="852,157, 852,156, 853,153, 850,152, 850,149, 846,148, 846,145, 839,122, 834,108, 834,108, 833,110, 832,109, 831,108, 830,110, 829,116, 829,121, 831,124, 831,128, 828,132, 825,133, 825,134, 826,136, 826,144, 825,153, 825,157, 826,159, 826,163, 826,165, 827,167, 844,163, 846,162, 848,159, 852,157">
<area title="VT" href="<?php echo home_url(); ?>/vermont/" shape="poly" coords="815,169, 815,164, 812,153, 811,153, 808,151, 809,149, 808,147, 806,142, 807,138, 806,133, 804,127, 803,122, 829,116, 829,121, 831,124, 831,128, 828,132, 825,133, 825,134, 826,136, 826,144, 825,153, 825,157, 826,159, 826,163, 826,165, 827,167, 820,168, 815,169">
<area title="NY" href="<?php echo home_url(); ?>/new-york/" shape="poly" coords="800,203, 799,202, 797,202, 794,200, 792,195, 789,194, 787,192, 769,196, 727,204, 719,206, 718,199, 721,197, 722,196, 723,195, 724,194, 726,192, 727,190, 729,188, 730,187, 730,186, 729,183, 727,183, 725,177, 728,175, 732,174, 736,172, 739,172, 745,172, 747,173, 749,173, 751,172, 753,171, 758,170, 760,169, 762,166, 763,164, 765,164, 767,163, 767,160, 766,158, 766,157, 767,155, 767,153, 765,153, 763,153, 763,152, 762,149, 768,144, 769,143, 770,140, 773,136, 776,132, 778,130, 780,128, 783,127, 788,126, 791,126, 796,124, 803,122, 804,127, 806,133, 807,138, 806,142, 808,147, 809,149, 808,151, 811,153, 812,153, 815,164, 815,169, 815,179, 815,184, 816,188, 818,195, 818,203, 817,205, 818,207, 818,208, 816,210, 817,211, 818,211, 819,210, 821,207, 822,207, 824,207, 826,207, 834,204, 837,201, 838,200, 842,201, 839,205, 835,207, 828,213, 826,213, 820,215, 816,216, 815,216, 814,213, 815,210, 814,208, 812,207, 807,206, 804,205, 800,203">
<area title="NJ" href="<?php echo home_url(); ?>/new-jersey/" shape="poly" coords="800,203, 798,206, 798,208, 796,211, 796,213, 797,214, 797,217, 795,218, 796,220, 796,221, 799,222, 800,224, 803,227, 805,228, 805,229, 802,232, 801,234, 799,237, 797,238, 796,239, 796,240, 795,242, 796,245, 799,247, 804,250, 808,250, 808,252, 807,253, 807,255, 808,255, 810,253, 811,248, 814,244, 817,238, 818,233, 817,232, 817,223, 815,219, 814,220, 812,220, 811,220, 812,219, 814,217, 814,216, 814,213, 815,210, 814,208, 812,207, 807,206, 804,205, 800,203">
<area title="PA" href="<?php echo home_url(); ?>/pennsylvania/" shape="poly" coords="796,239, 797,238, 799,237, 801,234, 802,232, 805,229, 805,228, 803,227, 800,224, 799,222, 796,221, 796,220, 795,218, 797,217, 797,214, 796,213, 796,211, 798,208, 798,206, 800,203, 799,202, 797,202, 794,200, 792,195, 789,194, 787,192, 769,196, 727,204, 719,206, 718,199, 713,204, 712,205, 708,208, 710,226, 712,237, 716,255, 720,255, 732,253, 768,246, 783,243, 791,241, 792,240, 794,239, 796,239">
<area title="DE" href="<?php echo home_url(); ?>/delaware/" shape="poly" coords="795,242, 796,240, 796,239, 794,239, 792,240, 790,242, 792,246, 794,251, 796,261, 798,267, 802,266, 808,265, 806,258, 805,259, 802,256, 800,252, 798,248, 796,247, 794,244, 795,242">
<area title="MD" href="<?php echo home_url(); ?>/maryland/" shape="poly" coords="808,265, 802,266, 798,267, 796,261, 794,251, 792,246, 791,241, 783,243, 768,246, 732,253, 733,258, 734,263, 734,263, 736,261, 739,258, 741,258, 742,256, 744,254, 745,254, 748,254, 751,252, 753,251, 754,250, 756,251, 759,253, 761,254, 762,256, 766,257, 766,260, 771,261, 773,263, 774,261, 776,262, 775,266, 774,268, 773,271, 773,273, 773,274, 778,276, 782,276, 785,277, 787,277, 788,275, 787,273, 787,271, 784,269, 782,264, 784,259, 784,257, 782,255, 786,250, 788,248, 788,249, 787,251, 786,254, 786,256, 788,256, 788,261, 786,262, 787,266, 787,265, 788,263, 790,265, 788,266, 788,270, 790,273, 794,273, 796,273, 799,278, 800,278, 800,282, 798,286, 798,293, 799,296, 801,296, 802,292, 803,289, 803,282, 806,277, 808,271, 808,265">
<area title="MD" href="<?php echo home_url(); ?>/maryland/" shape="poly" coords="793,275, 794,277, 794,279, 795,281, 794,274, 793,275">
<area title="WV" href="<?php echo home_url(); ?>/west-virginia/" shape="poly" coords="732,253, 733,258, 734,263, 734,263, 736,261, 739,258, 741,258, 742,256, 744,254, 745,254, 748,254, 751,252, 753,251, 754,250, 756,251, 759,253, 761,254, 762,256, 761,260, 755,257, 751,256, 751,261, 750,263, 749,266, 748,267, 745,269, 745,272, 742,272, 741,275, 740,280, 738,280, 736,279, 735,277, 733,277, 733,281, 731,288, 726,298, 727,299, 727,302, 725,304, 723,303, 720,306, 717,305, 716,309, 707,311, 704,312, 702,311, 700,310, 698,307, 695,305, 693,302, 690,299, 689,297, 687,295, 686,294, 686,289, 688,288, 690,288, 690,285, 691,284, 692,279, 692,275, 694,274, 695,276, 695,277, 697,276, 698,275, 697,273, 697,271, 697,269, 700,266, 701,265, 703,265, 705,264, 708,260, 710,257, 711,251, 711,246, 711,242, 710,239, 711,237, 712,236, 716,255, 720,255, 732,253">
<area title="VA" href="<?php echo home_url(); ?>/virginia/" shape="poly" coords="698,306, 700,310, 702,311, 704,312, 707,311, 709,309, 717,305, 720,306, 723,303, 725,304, 727,302, 727,299, 726,298, 731,288, 733,281, 733,277, 735,277, 736,279, 738,280, 740,280, 741,275, 742,272, 745,272, 745,269, 748,267, 749,266, 750,263, 751,261, 751,256, 755,257, 761,260, 762,255, 766,257, 766,260, 771,261, 773,263, 774,261, 776,262, 775,266, 774,268, 773,271, 773,273, 773,274, 778,276, 780,277, 785,278, 787,280, 791,280, 792,282, 791,286, 792,287, 792,289, 794,291, 794,293, 790,292, 790,293, 792,294, 792,295, 794,296, 795,298, 795,300, 793,302, 793,302, 796,302, 799,301, 800,301, 804,308, 799,309, 788,312, 770,316, 750,319, 733,322, 718,324, 711,325, 707,324, 705,324, 702,326, 695,326, 683,328, 673,329, 676,328, 681,325, 685,323, 685,321, 687,319, 691,314, 695,310, 698,306">
<area title="KY" href="<?php echo home_url(); ?>/kentucky/" shape="poly" coords="698,307, 695,310, 691,314, 687,319, 685,321, 685,323, 681,325, 676,328, 673,329, 623,334, 608,336, 604,336, 600,336, 600,340, 592,340, 585,341, 575,341, 576,340, 578,338, 580,337, 580,334, 581,332, 580,330, 580,328, 582,326, 585,326, 587,327, 591,328, 592,328, 592,326, 591,323, 591,321, 593,320, 595,319, 597,318, 596,317, 595,315, 597,314, 598,311, 600,309, 606,308, 610,308, 611,310, 613,311, 614,307, 617,306, 619,308, 620,309, 622,308, 622,305, 625,303, 626,303, 627,304, 631,304, 632,302, 632,300, 635,296, 639,293, 640,288, 642,288, 646,286, 649,284, 648,283, 647,281, 647,279, 651,279, 654,278, 657,280, 658,284, 664,284, 665,286, 667,286, 670,285, 673,285, 674,286, 677,284, 678,283, 680,283, 681,285, 682,286, 686,288, 686,294, 687,295, 689,297, 690,299, 693,302, 695,305, 698,307">
<area title="OH" href="<?php echo home_url(); ?>/ohio/" shape="poly" coords="708,208, 701,212, 697,214, 694,217, 690,221, 687,222, 684,222, 679,225, 677,225, 673,222, 668,223, 666,221, 663,220, 659,221, 649,222, 641,223, 643,238, 644,251, 647,273, 647,279, 651,279, 654,278, 657,280, 658,284, 664,284, 665,286, 667,286, 670,285, 673,285, 674,286, 677,284, 678,283, 680,283, 681,285, 682,286, 686,289, 688,288, 690,288, 690,285, 691,284, 692,279, 692,275, 694,274, 695,276, 695,277, 697,276, 698,275, 697,273, 697,271, 697,269, 700,266, 701,265, 703,265, 705,264, 708,260, 710,257, 711,251, 711,246, 711,242, 710,239, 711,237, 712,237, 710,226, 708,208">
<area title="MI" href="<?php echo home_url(); ?>/michigan/" shape="poly" coords="562,99, 564,97, 566,96, 571,92, 573,91, 574,92, 569,97, 565,99, 563,100, 562,99">
<area title="MI" href="<?php echo home_url(); ?>/michigan/" shape="poly" coords="645,130, 646,132, 649,132, 650,131, 646,128, 645,128, 644,129, 645,130">
<area title="MI" href="<?php echo home_url(); ?>/michigan/" shape="poly" coords="674,191, 671,183, 669,174, 667,171, 664,169, 662,170, 659,172, 657,177, 654,180, 653,181, 652,180, 653,172, 654,169, 654,166, 657,165, 657,155, 655,153, 654,152, 653,150, 654,149, 655,150, 655,148, 653,146, 652,143, 649,143, 645,142, 640,139, 637,139, 636,139, 635,139, 632,137, 630,138, 627,141, 627,144, 628,144, 630,145, 631,146, 628,146, 626,147, 624,148, 624,150, 624,152, 624,157, 621,159, 620,159, 620,155, 622,153, 622,150, 622,150, 620,150, 619,154, 616,156, 614,157, 614,158, 615,159, 614,162, 612,162, 612,163, 613,166, 612,171, 610,175, 611,180, 611,181, 610,183, 610,184, 610,187, 613,193, 616,199, 617,203, 617,208, 616,214, 613,219, 613,221, 610,224, 609,225, 614,225, 635,223, 641,222, 641,223, 649,222, 659,221, 664,220, 662,219, 663,218, 665,214, 667,212, 666,208, 668,206, 669,206, 669,202, 671,199, 672,200, 672,201, 673,201, 674,200, 674,191">
<area title="MI" href="<?php echo home_url(); ?>/michigan/" shape="poly" coords="547,127, 549,126, 552,125, 555,123, 555,122, 556,122, 561,121, 564,119, 568,117, 568,116, 570,113, 572,112, 573,110, 575,108, 579,106, 584,105, 585,106, 585,107, 581,108, 580,111, 577,112, 577,114, 575,117, 574,120, 575,120, 576,119, 579,116, 581,118, 583,118, 586,119, 587,120, 589,123, 592,125, 595,125, 597,124, 598,126, 600,126, 601,125, 602,125, 604,124, 608,121, 611,120, 617,119, 622,118, 624,116, 626,116, 626,122, 626,122, 629,123, 631,123, 637,121, 638,120, 639,120, 639,127, 642,130, 644,131, 645,132, 644,132, 643,132, 639,131, 637,132, 635,132, 632,133, 630,133, 624,132, 619,132, 618,134, 611,135, 609,136, 607,139, 606,140, 606,140, 604,138, 600,141, 599,141, 598,139, 597,139, 596,143, 595,147, 591,155, 589,154, 588,153, 587,143, 583,142, 582,139, 570,137, 567,136, 559,133, 551,132, 547,127">
<area title="WY" href="<?php echo home_url(); ?>/wyoming/" shape="poly" coords="343,158, 332,157, 301,154, 285,152, 258,148, 239,145, 237,156, 233,180, 228,209, 227,219, 225,231, 232,232, 248,234, 256,235, 276,237, 312,241, 336,243, 340,200, 342,176, 343,158">
<area title="MT" href="<?php echo home_url(); ?>/montana/" shape="poly" coords="345,138, 346,127, 348,103, 349,88, 351,74, 320,71, 292,68, 263,64, 232,58, 214,55, 183,49, 178,69, 182,76, 180,81, 182,85, 185,87, 189,97, 192,100, 193,101, 196,102, 196,104, 189,121, 189,124, 192,127, 193,127, 197,124, 198,123, 200,124, 199,129, 202,141, 205,143, 206,144, 208,146, 207,149, 208,153, 209,154, 211,151, 214,151, 217,153, 219,152, 223,152, 227,154, 229,153, 230,150, 233,150, 234,151, 235,154, 237,156, 239,145, 258,148, 285,152, 301,154, 332,157, 343,159, 345,143, 345,138">
<area title="ID" id="ID" href="<?php echo home_url(); ?>/idaho/" shape="poly" coords="136,191, 140,173, 144,156, 146,152, 148,146, 147,144, 145,144, 144,143, 144,142, 145,139, 149,134, 151,133, 152,132, 152,129, 153,128, 157,123, 161,118, 161,115, 158,112, 156,108, 157,99, 160,83, 165,63, 168,50, 169,46, 183,49, 178,69, 182,76, 180,81, 182,85, 185,87, 189,97, 192,100, 193,101, 196,102, 196,104, 189,121, 189,124, 192,127, 193,127, 197,124, 198,123, 200,124, 199,129, 202,141, 205,143, 206,144, 208,146, 207,149, 208,153, 209,154, 211,151, 214,151, 217,153, 219,152, 223,152, 227,154, 229,153, 230,150, 233,150, 234,151, 235,154, 237,156, 233,180, 229,209, 224,208, 216,207, 206,205, 194,203, 182,201, 174,199, 165,197, 156,195, 136,191">
<area title="WA" id="WA" href="<?php echo home_url(); ?>/washington/" shape="poly" coords="90,25, 94,27, 104,29, 112,31, 131,37, 154,42, 169,46, 168,50, 165,63, 160,83, 157,99, 157,108, 143,105, 128,101, 113,101, 113,100, 108,102, 103,102, 101,100, 100,101, 95,100, 94,99, 89,97, 88,97, 84,96, 82,98, 76,97, 70,93, 71,92, 71,85, 69,81, 65,81, 64,78, 62,78, 60,76, 58,77, 56,74, 56,72, 59,71, 61,67, 58,66, 58,63, 62,62, 60,59, 58,53, 59,50, 59,42, 57,39, 59,30, 62,30, 64,33, 67,36, 70,38, 74,40, 77,40, 80,42, 83,43, 85,42, 85,40, 87,39, 89,38, 89,39, 89,41, 87,41, 87,43, 88,44, 89,47, 90,49, 92,48, 92,47, 91,46, 90,43, 91,41, 90,40, 90,38, 92,34, 91,32, 89,27, 89,26, 90,25">
<area title="WA" id="WA" href="<?php echo home_url(); ?>/washington/" shape="poly" coords="81,31, 83,31, 83,32, 85,31, 87,31, 88,32, 86,34, 87,35, 86,37, 85,37, 84,34, 84,35, 83,36, 81,34, 81,31">
<area title="TX" href="<?php echo home_url(); ?>/texas/" shape="poly" coords="345,341, 367,342, 397,344, 395,367, 395,384, 395,385, 399,389, 401,390, 402,390, 403,388, 404,390, 406,390, 406,388, 409,390, 408,393, 412,394, 415,395, 419,395, 421,397, 423,395, 427,396, 429,399, 430,399, 430,401, 432,402, 434,400, 436,400, 439,400, 439,403, 444,405, 445,404, 447,400, 448,400, 449,402, 453,403, 457,404, 460,405, 462,404, 462,401, 466,401, 468,402, 471,400, 472,400, 473,402, 477,402, 478,400, 480,400, 482,403, 485,405, 488,405, 491,407, 493,409, 496,407, 499,408, 499,419, 499,428, 500,438, 501,441, 503,445, 504,450, 508,455, 508,458, 509,459, 508,467, 505,472, 507,474, 506,477, 506,484, 504,487, 505,490, 498,492, 489,496, 488,498, 485,500, 483,501, 482,502, 477,507, 474,509, 469,513, 463,515, 457,518, 456,520, 450,523, 447,524, 443,529, 439,529, 438,531, 440,533, 439,538, 438,543, 437,546, 436,551, 437,553, 438,560, 439,566, 441,568, 440,570, 437,572, 432,568, 426,567, 425,567, 422,567, 418,564, 413,563, 405,559, 403,556, 402,549, 399,548, 398,545, 399,545, 399,541, 398,541, 397,540, 399,536, 397,533, 394,532, 391,528, 387,522, 383,519, 383,517, 378,505, 377,501, 376,499, 376,498, 370,493, 367,490, 367,489, 365,487, 358,486, 351,485, 348,483, 344,485, 340,486, 338,489, 337,493, 333,499, 331,501, 328,500, 326,499, 324,498, 321,496, 321,496, 319,494, 314,492, 307,484, 305,480, 305,472, 302,466, 301,463, 299,462, 298,460, 294,458, 292,456, 285,449, 284,446, 280,443, 278,439, 276,436, 274,436, 273,431, 281,432, 309,435, 337,436, 339,413, 343,360, 345,341, 346,341">
<area title="TX" href="<?php echo home_url(); ?>/texas/" shape="poly" coords="442,568, 441,561, 438,554, 438,547, 439,539, 443,532, 446,527, 449,524, 450,524, 445,530, 441,537, 439,543, 438,548, 439,554, 442,561, 442,566, 442,567, 442,568">
<area title="CA" id="CA" href="<?php echo home_url(); ?>/california/" shape="poly" coords="132,394, 136,393, 138,391, 138,388, 135,388, 134,387, 135,385, 135,380, 137,379, 140,376, 140,371, 142,368, 144,366, 147,364, 149,363, 149,361, 148,360, 147,359, 146,354, 143,349, 144,346, 141,343, 127,321, 108,293, 86,260, 74,242, 76,236, 83,210, 91,180, 77,177, 64,173, 52,169, 45,167, 34,164, 27,162, 26,167, 25,174, 20,185, 17,188, 17,189, 15,190, 14,194, 13,197, 16,201, 17,205, 19,208, 18,215, 17,218, 16,223, 15,227, 17,231, 19,235, 22,240, 23,243, 22,247, 22,247, 22,249, 28,255, 27,258, 27,260, 26,262, 26,270, 28,273, 30,276, 33,276, 34,279, 32,282, 30,284, 29,284, 29,288, 29,290, 32,295, 34,300, 35,304, 36,307, 40,313, 41,315, 42,318, 43,319, 43,321, 42,323, 41,330, 40,332, 42,335, 47,335, 51,337, 55,339, 57,339, 60,342, 63,347, 64,349, 68,351, 72,352, 74,354, 74,357, 73,357, 73,358, 76,359, 79,359, 82,364, 86,368, 86,370, 89,374, 89,377, 89,386, 90,388, 99,389, 118,392, 132,394">
<area title="CA" id="CA" href="<?php echo home_url(); ?>/california/" shape="poly" coords="47,345, 48,346, 48,348, 45,348, 44,346, 44,345, 47,345">
<area title="CA" id="CA" href="<?php echo home_url(); ?>/california/" shape="poly" coords="49,345, 50,344, 53,346, 56,348, 55,348, 51,348, 49,346, 49,345">
<area title="CA" id="CA" href="<?php echo home_url(); ?>/california/" shape="poly" coords="69,364, 70,366, 71,367, 73,368, 73,366, 72,365, 70,363, 69,363, 69,364">
<area title="CA" id="CA" href="<?php echo home_url(); ?>/california/" shape="poly" coords="67,372, 69,376, 70,377, 69,378, 68,376, 67,372">
<area title="AZ" href="<?php echo home_url(); ?>/arizona/" shape="poly" coords="133,394, 130,396, 130,397, 130,398, 149,408, 160,416, 175,424, 191,434, 203,436, 229,440, 231,427, 234,401, 241,349, 245,319, 220,316, 194,311, 162,305, 159,323, 158,323, 157,326, 154,326, 153,323, 150,323, 150,321, 149,321, 148,322, 146,323, 146,330, 146,331, 145,344, 144,346, 143,349, 146,354, 147,359, 148,360, 149,361, 149,363, 147,364, 144,366, 142,368, 140,371, 140,376, 137,379, 135,380, 135,385, 134,387, 135,388, 138,388, 138,391, 136,393, 133,394">
<area title="NV" id="NV" href="<?php echo home_url(); ?>/nevada/" shape="poly" coords="136,191, 156,195, 165,197, 174,199, 182,201, 181,206, 177,223, 174,243, 172,252, 170,265, 167,281, 164,295, 162,306, 159,323, 158,323, 157,326, 154,326, 153,323, 150,323, 150,321, 149,321, 148,322, 146,323, 146,330, 146,331, 145,344, 144,346, 141,343, 127,321, 108,293, 86,260, 74,242, 76,236, 83,210, 90,180, 123,188, 136,191">
<area title="UT" href="<?php echo home_url(); ?>/utah/" shape="poly" coords="245,320, 220,316, 194,311, 162,305, 164,295, 167,281, 170,265, 172,252, 174,243, 177,223, 181,206, 182,201, 194,203, 206,205, 216,207, 224,208, 229,209, 227,219, 225,231, 232,232, 248,234, 257,235, 254,256, 251,278, 247,305, 246,316, 245,320">
<area title="CO" href="<?php echo home_url(); ?>/colorado/" shape="poly" coords="363,331, 367,268, 368,246, 336,243, 312,241, 276,237, 256,235, 254,256, 251,278, 247,305, 246,316, 245,320, 278,323, 314,328, 346,330, 352,331, 363,331">
<area title="NM" href="<?php echo home_url(); ?>/new-mexico/" shape="poly" coords="274,436, 273,431, 281,432, 309,435, 337,436, 339,413, 343,360, 345,341, 346,341, 346,330, 314,328, 278,323, 245,320, 241,349, 234,401, 231,427, 229,440, 244,441, 245,432, 261,434, 274,436">
<area title="OR" id="OR" href="<?php echo home_url(); ?>/oregon/" shape="poly" coords="136,190, 140,173, 144,156, 146,152, 148,146, 147,144, 145,144, 144,143, 144,142, 145,139, 149,134, 151,133, 152,132, 152,129, 153,128, 157,123, 161,118, 161,115, 158,112, 157,108, 143,105, 128,101, 113,101, 113,100, 108,102, 103,102, 101,100, 100,101, 95,100, 94,99, 89,97, 88,97, 84,96, 82,98, 76,97, 70,93, 71,92, 71,85, 69,81, 65,81, 64,78, 62,78, 56,80, 54,86, 51,96, 48,102, 43,116, 37,129, 29,141, 27,144, 26,152, 25,158, 27,162, 34,164, 45,167, 52,169, 64,173, 77,177, 91,180">
<area title="OR" id="OR" href="<?php echo home_url(); ?>/oregon/" shape="poly" coords="136,191, 90,180, 123,188, 136,191">
<area title="ND" href="<?php echo home_url(); ?>/north-dakota/" shape="poly" coords="456,143, 455,135, 454,128, 452,115, 451,106, 450,102, 448,97, 448,87, 449,84, 447,78, 418,78, 400,77, 375,76, 351,74, 349,88, 348,103, 346,127, 345,138, 400,142, 456,143">
<area title="SD" href="<?php echo home_url(); ?>/south-dakota/" shape="poly" coords="457,216, 457,214, 455,212, 457,207, 458,202, 455,200, 455,197, 456,195, 458,195, 458,188, 458,159, 457,156, 453,153, 452,151, 452,149, 454,148, 456,146, 456,143, 400,142, 345,138, 345,143, 343,159, 342,176, 340,201, 355,202, 375,203, 392,204, 415,205, 425,205, 427,207, 432,210, 433,211, 437,209, 441,209, 444,209, 445,210, 450,211, 453,213, 454,215, 454,217, 456,217, 457,216">
<area title="NE" href="<?php echo home_url(); ?>/nebraska/" shape="poly" coords="469,258, 470,260, 470,262, 472,266, 475,270, 469,270, 427,270, 388,268, 367,267, 368,246, 336,243, 340,201, 355,202, 375,203, 392,204, 415,205, 425,205, 427,207, 432,210, 433,211, 437,209, 441,209, 444,209, 445,210, 450,211, 453,213, 454,215, 454,217, 456,217, 458,216, 459,222, 462,229, 462,234, 465,237, 465,242, 467,246, 467,253, 469,258">
<area title="IA" href="<?php echo home_url(); ?>/iowa/" shape="poly" coords="548,214, 548,216, 551,216, 551,217, 552,219, 556,223, 556,225, 556,228, 554,232, 553,234, 551,236, 549,236, 544,238, 543,240, 543,242, 543,243, 545,244, 545,248, 543,250, 543,251, 543,254, 541,255, 539,256, 539,257, 539,259, 538,261, 534,257, 533,255, 526,256, 516,256, 492,257, 479,257, 470,258, 469,258, 467,253, 467,246, 465,242, 465,237, 462,234, 462,229, 459,222, 458,216, 456,214, 455,212, 457,207, 458,202, 455,200, 455,197, 456,195, 457,195, 469,195, 517,194, 534,194, 538,193, 539,197, 541,198, 541,200, 539,203, 539,206, 542,210, 544,211, 547,211, 548,214">
<area title="MS" href="<?php echo home_url(); ?>/mississippi/" shape="poly" coords="604,471, 603,472, 598,472, 597,471, 595,471, 588,473, 586,472, 584,476, 583,477, 582,474, 581,470, 577,467, 578,460, 578,459, 576,459, 568,460, 545,461, 544,459, 545,451, 548,445, 553,437, 552,435, 553,435, 554,432, 552,430, 552,428, 550,424, 550,418, 551,416, 551,412, 549,409, 551,407, 549,405, 550,404, 551,398, 554,395, 553,393, 557,388, 559,387, 559,385, 559,383, 561,378, 564,377, 564,374, 572,374, 596,372, 601,372, 601,378, 601,394, 600,424, 600,438, 603,456, 604,471">
<area title="IN" href="<?php echo home_url(); ?>/indiana/" shape="poly" coords="598,311, 597,307, 598,303, 600,300, 602,296, 604,292, 604,287, 602,284, 602,281, 603,276, 602,269, 601,253, 600,238, 599,227, 602,228, 603,229, 604,229, 606,227, 609,225, 614,225, 635,223, 641,222, 641,223, 643,238, 644,251, 647,273, 647,279, 647,281, 648,283, 649,284, 646,286, 642,288, 640,288, 639,293, 635,296, 632,300, 632,302, 631,304, 627,304, 626,303, 625,303, 622,305, 622,308, 620,309, 619,308, 617,306, 614,307, 613,311, 611,310, 610,308, 606,308, 600,309, 598,311">
<area title="IL" href="<?php echo home_url(); ?>/illinois/" shape="poly" coords="597,311, 597,307, 598,303, 600,300, 602,296, 604,292, 604,287, 602,284, 602,281, 603,276, 602,269, 601,253, 600,238, 599,227, 598,226, 597,224, 596,220, 594,219, 593,216, 592,211, 583,212, 557,214, 548,213, 548,216, 551,216, 551,217, 552,219, 556,223, 556,225, 556,228, 554,232, 553,234, 551,236, 549,236, 544,238, 543,240, 543,242, 543,243, 545,244, 545,248, 543,250, 543,251, 543,254, 541,255, 539,256, 539,257, 539,259, 538,260, 537,263, 537,266, 539,274, 546,281, 552,284, 551,289, 552,290, 559,290, 561,292, 561,295, 558,301, 558,304, 560,308, 566,313, 570,314, 572,318, 574,321, 574,324, 575,328, 577,330, 580,330, 580,328, 582,326, 585,326, 587,327, 591,328, 592,328, 592,326, 591,323, 591,321, 593,320, 595,319, 597,318, 596,317, 595,315, 597,314, 597,311">
<area title="MN" href="<?php echo home_url(); ?>/minnesota/" shape="poly" coords="456,143, 455,135, 454,128, 452,115, 451,106, 450,102, 448,97, 448,87, 449,84, 447,78, 476,78, 476,71, 477,70, 479,71, 481,72, 482,77, 483,83, 485,84, 489,84, 490,86, 496,86, 496,88, 501,88, 501,87, 502,86, 504,85, 505,86, 508,86, 512,89, 517,91, 519,91, 520,91, 521,90, 522,93, 524,94, 525,94, 526,94, 526,96, 529,97, 532,97, 533,96, 536,93, 539,92, 539,94, 540,95, 541,95, 542,95, 550,94, 552,97, 553,97, 553,96, 558,96, 557,98, 553,100, 544,104, 540,106, 537,108, 534,112, 532,115, 531,116, 526,121, 525,121, 522,124, 522,125, 520,127, 519,130, 519,138, 518,140, 513,143, 511,149, 511,149, 514,151, 515,154, 513,158, 513,161, 513,168, 516,171, 519,171, 521,174, 524,174, 528,180, 535,184, 537,186, 538,194, 534,194, 517,194, 469,195, 457,195, 458,188, 458,159, 457,156, 453,153, 452,151, 452,149, 454,148, 456,146, 456,143">
<area title="WI" href="<?php echo home_url(); ?>/wisconsin/" shape="poly" coords="592,211, 592,207, 591,203, 590,197, 589,194, 590,191, 591,188, 592,186, 592,183, 591,179, 592,178, 593,175, 594,173, 593,171, 593,169, 594,166, 597,160, 599,154, 599,151, 599,151, 598,151, 594,157, 592,161, 590,163, 589,165, 588,166, 587,168, 585,167, 585,166, 586,163, 588,159, 590,157, 591,155, 589,154, 588,153, 587,143, 583,142, 582,139, 570,137, 567,136, 559,133, 551,132, 547,127, 547,128, 546,128, 545,127, 542,126, 541,126, 539,127, 539,127, 539,125, 541,122, 542,121, 540,119, 538,120, 535,122, 528,125, 525,126, 523,125, 522,125, 520,127, 519,130, 519,138, 518,140, 513,143, 511,149, 511,149, 514,151, 515,154, 513,158, 513,161, 513,168, 516,171, 519,171, 521,174, 524,174, 528,180, 535,184, 537,186, 538,193, 539,197, 541,198, 541,200, 539,203, 539,206, 542,210, 544,211, 547,211, 548,214, 557,214, 583,212, 592,211">
<area title="MO" href="<?php echo home_url(); ?>/missouri/" shape="poly" coords="538,261, 534,257, 533,255, 526,256, 516,256, 492,257, 479,257, 471,258, 469,258, 470,260, 470,262, 472,266, 475,270, 478,273, 481,273, 482,274, 482,277, 480,278, 480,280, 482,284, 484,287, 486,288, 488,300, 487,334, 487,338, 488,345, 510,344, 533,344, 553,343, 564,342, 565,345, 565,348, 562,350, 561,353, 567,354, 572,353, 574,347, 574,341, 577,340, 578,338, 580,337, 580,334, 581,332, 580,330, 577,330, 575,328, 574,324, 574,321, 572,318, 570,314, 566,313, 560,308, 558,304, 558,301, 561,295, 561,292, 559,290, 552,290, 551,289, 552,284, 546,281, 539,274, 537,266, 537,263, 538,261">
<area title="AR" href="<?php echo home_url(); ?>/arkansas/" shape="poly" coords="572,353, 567,354, 561,353, 562,350, 565,348, 565,345, 564,342, 553,343, 533,344, 510,344, 488,345, 489,352, 489,360, 491,370, 491,407, 493,409, 496,407, 499,408, 499,419, 521,419, 539,418, 550,418, 551,416, 551,412, 549,409, 551,407, 549,405, 550,404, 551,398, 554,395, 553,393, 557,388, 559,387, 559,385, 559,383, 561,378, 564,377, 564,374, 566,373, 567,368, 565,365, 569,362, 570,360, 571,356, 572,353">
<area title="OK" href="<?php echo home_url(); ?>/oklahoma/" shape="poly" coords="362,331, 352,331, 346,330, 346,330, 346,341, 367,342, 397,344, 395,367, 395,384, 395,385, 399,389, 401,390, 402,390, 403,388, 404,390, 406,390, 406,388, 409,390, 408,393, 412,394, 415,395, 419,395, 421,397, 423,395, 427,396, 429,399, 430,399, 430,401, 432,402, 434,400, 436,400, 439,400, 439,403, 444,405, 445,404, 447,400, 448,400, 449,402, 453,403, 457,404, 460,405, 462,404, 462,401, 466,401, 468,402, 471,400, 472,400, 473,402, 477,402, 478,400, 480,400, 482,403, 485,405, 488,405, 491,407, 491,370, 489,360, 489,352, 488,345, 487,338, 487,334, 474,335, 429,334, 386,332, 362,331">
<area title="KS" href="<?php echo home_url(); ?>/kansas/" shape="poly" coords="487,334, 474,335, 429,334, 386,332, 363,331, 367,267, 388,268, 427,270, 469,270, 475,270, 478,273, 481,273, 482,274, 482,277, 480,278, 480,280, 482,284, 484,287, 486,288, 488,300, 487,334">
<area title="LA" id="LA" href="<?php echo home_url(); ?>/louisiana/" shape="poly" coords="583,476, 582,474, 581,470, 577,467, 578,460, 578,459, 576,459, 568,460, 545,461, 544,459, 545,451, 548,445, 553,437, 552,435, 553,435, 554,432, 552,430, 552,428, 550,424, 550,418, 539,418, 521,419, 499,419, 499,428, 500,438, 501,441, 503,445, 504,450, 508,455, 508,458, 509,459, 508,467, 505,472, 507,474, 506,477, 506,484, 504,487, 505,490, 509,489, 517,488, 527,492, 533,493, 537,492, 540,493, 543,494, 544,492, 541,491, 538,491, 535,489, 541,488, 543,488, 546,488, 547,491, 547,493, 552,493, 554,495, 553,496, 552,497, 553,499, 561,502, 565,501, 566,498, 568,498, 570,496, 571,497, 572,500, 570,501, 570,502, 574,500, 576,497, 577,497, 574,496, 575,495, 575,493, 577,493, 578,492, 579,492, 587,498, 588,499, 591,499, 592,500, 594,497, 594,496, 593,496, 590,493, 584,492, 581,490, 582,488, 584,488, 585,487, 583,486, 583,486, 586,486, 588,483, 587,481, 586,478, 585,478, 583,481, 582,483, 579,482, 578,481, 580,479, 582,477, 583,476">
</map>
<script type="text/javascript" src="<?php bloginfo('stylesheet_directory'); ?>/assets/js/jquery.maphilight.js"></script>
<script type="text/javascript" src="<?php bloginfo('stylesheet_directory'); ?>//assets/js/libs/jquery.rwdImageMaps/jquery.rwdImageMaps.min.js"></script>
<?php // see http://davidlynch.org/projects/maphilight/docs/ for a list of maphilight options ?>
<script>
$(function() {
$('img[usemap]').maphilight({
fillColor: '008800',
strokeOpacity: 0
});
});
$(document).ready(function(e) {
$('img[usemap]').rwdImageMaps();
});
</script>
/* MODIFIED from http://davidlynch.org/projects/maphilight/jquery.maphilight.js
* added line 236: backgroundSize:'cover',
*/
(function($) {
var has_VML, has_canvas, create_canvas_for, add_shape_to, clear_canvas, shape_from_area,
canvas_style, hex_to_decimal, css3color, is_image_loaded, options_from_area;
has_VML = document.namespaces;
has_canvas = !!document.createElement('canvas').getContext;
if(!(has_canvas || has_VML)) {
$.fn.maphilight = function() { return this; };
return;
}
if(has_canvas) {
hex_to_decimal = function(hex) {
return Math.max(0, Math.min(parseInt(hex, 16), 255));
};
css3color = function(color, opacity) {
return 'rgba('+hex_to_decimal(color.substr(0,2))+','+hex_to_decimal(color.substr(2,2))+','+hex_to_decimal(color.substr(4,2))+','+opacity+')';
};
create_canvas_for = function(img) {
var c = $('<canvas style="width:'+img.width+'px;height:'+img.height+'px;"></canvas>').get(0);
c.getContext("2d").clearRect(0, 0, c.width, c.height);
return c;
};
var draw_shape = function(context, shape, coords, x_shift, y_shift) {
x_shift = x_shift || 0;
y_shift = y_shift || 0;
context.beginPath();
if(shape == 'rect') {
// x, y, width, height
context.rect(coords[0] + x_shift, coords[1] + y_shift, coords[2] - coords[0], coords[3] - coords[1]);
} else if(shape == 'poly') {
context.moveTo(coords[0] + x_shift, coords[1] + y_shift);
for(i=2; i < coords.length; i+=2) {
context.lineTo(coords[i] + x_shift, coords[i+1] + y_shift);
}
} else if(shape == 'circ') {
// x, y, radius, startAngle, endAngle, anticlockwise
context.arc(coords[0] + x_shift, coords[1] + y_shift, coords[2], 0, Math.PI * 2, false);
}
context.closePath();
}
add_shape_to = function(canvas, shape, coords, options, name) {
var i, context = canvas.getContext('2d');
// Because I don't want to worry about setting things back to a base state
// Shadow has to happen first, since it's on the bottom, and it does some clip /
// fill operations which would interfere with what comes next.
if(options.shadow) {
context.save();
if(options.shadowPosition == "inside") {
// Cause the following stroke to only apply to the inside of the path
draw_shape(context, shape, coords);
context.clip();
}
// Redraw the shape shifted off the canvas massively so we can cast a shadow
// onto the canvas without having to worry about the stroke or fill (which
// cannot have 0 opacity or width, since they're what cast the shadow).
var x_shift = canvas.width * 100;
var y_shift = canvas.height * 100;
draw_shape(context, shape, coords, x_shift, y_shift);
context.shadowOffsetX = options.shadowX - x_shift;
context.shadowOffsetY = options.shadowY - y_shift;
context.shadowBlur = options.shadowRadius;
context.shadowColor = css3color(options.shadowColor, options.shadowOpacity);
// Now, work out where to cast the shadow from! It looks better if it's cast
// from a fill when it's an outside shadow or a stroke when it's an interior
// shadow. Allow the user to override this if they need to.
var shadowFrom = options.shadowFrom;
if (!shadowFrom) {
if (options.shadowPosition == 'outside') {
shadowFrom = 'fill';
} else {
shadowFrom = 'stroke';
}
}
if (shadowFrom == 'stroke') {
context.strokeStyle = "rgba(0,0,0,1)";
context.stroke();
} else if (shadowFrom == 'fill') {
context.fillStyle = "rgba(0,0,0,1)";
context.fill();
}
context.restore();
// and now we clean up
if(options.shadowPosition == "outside") {
context.save();
// Clear out the center
draw_shape(context, shape, coords);
context.globalCompositeOperation = "destination-out";
context.fillStyle = "rgba(0,0,0,1);";
context.fill();
context.restore();
}
}
context.save();
draw_shape(context, shape, coords);
// fill has to come after shadow, otherwise the shadow will be drawn over the fill,
// which mostly looks weird when the shadow has a high opacity
if(options.fill) {
context.fillStyle = css3color(options.fillColor, options.fillOpacity);
context.fill();
}
// Likewise, stroke has to come at the very end, or it'll wind up under bits of the
// shadow or the shadow-background if it's present.
if(options.stroke) {
context.strokeStyle = css3color(options.strokeColor, options.strokeOpacity);
context.lineWidth = options.strokeWidth;
context.stroke();
}
context.restore();
if(options.fade) {
$(canvas).css('opacity', 0).animate({opacity: 1}, 100);
}
};
clear_canvas = function(canvas) {
canvas.getContext('2d').clearRect(0, 0, canvas.width,canvas.height);
};
} else { // ie executes this code
create_canvas_for = function(img) {
return $('<var style="zoom:1;overflow:hidden;display:block;width:'+img.width+'px;height:'+img.height+'px;"></var>').get(0);
};
add_shape_to = function(canvas, shape, coords, options, name) {
var fill, stroke, opacity, e;
fill = '<v:fill color="#'+options.fillColor+'" opacity="'+(options.fill ? options.fillOpacity : 0)+'" />';
stroke = (options.stroke ? 'strokeweight="'+options.strokeWidth+'" stroked="t" strokecolor="#'+options.strokeColor+'"' : 'stroked="f"');
opacity = '<v:stroke opacity="'+options.strokeOpacity+'"/>';
if(shape == 'rect') {
e = $('<v:rect name="'+name+'" filled="t" '+stroke+' style="zoom:1;margin:0;padding:0;display:block;position:absolute;left:'+coords[0]+'px;top:'+coords[1]+'px;width:'+(coords[2] - coords[0])+'px;height:'+(coords[3] - coords[1])+'px;"></v:rect>');
} else if(shape == 'poly') {
e = $('<v:shape name="'+name+'" filled="t" '+stroke+' coordorigin="0,0" coordsize="'+canvas.width+','+canvas.height+'" path="m '+coords[0]+','+coords[1]+' l '+coords.join(',')+' x e" style="zoom:1;margin:0;padding:0;display:block;position:absolute;top:0px;left:0px;width:'+canvas.width+'px;height:'+canvas.height+'px;"></v:shape>');
} else if(shape == 'circ') {
e = $('<v:oval name="'+name+'" filled="t" '+stroke+' style="zoom:1;margin:0;padding:0;display:block;position:absolute;left:'+(coords[0] - coords[2])+'px;top:'+(coords[1] - coords[2])+'px;width:'+(coords[2]*2)+'px;height:'+(coords[2]*2)+'px;"></v:oval>');
}
e.get(0).innerHTML = fill+opacity;
$(canvas).append(e);
};
clear_canvas = function(canvas) {
$(canvas).find('[name=highlighted]').remove();
};
}
shape_from_area = function(area) {
var i, coords = area.getAttribute('coords').split(',');
for (i=0; i < coords.length; i++) { coords[i] = parseFloat(coords[i]); }
return [area.getAttribute('shape').toLowerCase().substr(0,4), coords];
};
options_from_area = function(area, options) {
var $area = $(area);
return $.extend({}, options, $.metadata ? $area.metadata() : false, $area.data('maphilight'));
};
is_image_loaded = function(img) {
if(!img.complete) { return false; } // IE
if(typeof img.naturalWidth != "undefined" && img.naturalWidth == 0) { return false; } // Others
return true;
};
canvas_style = {
position: 'absolute',
left: 0,
top: 0,
padding: 0,
border: 0
};
var ie_hax_done = false;
$.fn.maphilight = function(opts) {
opts = $.extend({}, $.fn.maphilight.defaults, opts);
if(!has_canvas && $.browser.msie && !ie_hax_done) {
document.namespaces.add("v", "urn:schemas-microsoft-com:vml");
var style = document.createStyleSheet();
var shapes = ['shape','rect', 'oval', 'circ', 'fill', 'stroke', 'imagedata', 'group','textbox'];
$.each(shapes,
function() {
style.addRule('v\\:' + this, "behavior: url(#default#VML); antialias:true");
}
);
ie_hax_done = true;
}
return this.each(function() {
var img, wrap, options, map, canvas, canvas_always, mouseover, highlighted_shape, usemap;
img = $(this);
if(!is_image_loaded(this)) {
// If the image isn't fully loaded, this won't work right. Try again later.
return window.setTimeout(function() {
img.maphilight(opts);
}, 200);
}
options = $.extend({}, opts, $.metadata ? img.metadata() : false, img.data('maphilight'));
// jQuery bug with Opera, results in full-url#usemap being returned from jQuery's attr.
// So use raw getAttribute instead.
usemap = img.get(0).getAttribute('usemap');
map = $('map[name="'+usemap.substr(1)+'"]');
if(!(img.is('img') && usemap && map.size() > 0)) {
return;
}
if(img.hasClass('maphilighted')) {
// We're redrawing an old map, probably to pick up changes to the options.
// Just clear out all the old stuff.
var wrapper = img.parent();
img.insertBefore(wrapper);
wrapper.remove();
$(map).unbind('.maphilight').find('area[coords]').unbind('.maphilight');
}
wrap = $('<div></div>').css({
display:'block',
background:'url("'+this.src+'")',
position:'relative',
padding:0,
backgroundSize:'cover',
width:this.width,
height:this.height
});
if(options.wrapClass) {
if(options.wrapClass === true) {
wrap.addClass($(this).attr('class'));
} else {
wrap.addClass(options.wrapClass);
}
}
img.before(wrap).css('opacity', 0).css(canvas_style).remove();
if($.browser.msie) { img.css('filter', 'Alpha(opacity=0)'); }
wrap.append(img);
canvas = create_canvas_for(this);
$(canvas).css(canvas_style);
canvas.height = this.height;
canvas.width = this.width;
mouseover = function(e) {
var shape, area_options;
area_options = options_from_area(this, options);
if(
!area_options.neverOn
&&
!area_options.alwaysOn
) {
shape = shape_from_area(this);
add_shape_to(canvas, shape[0], shape[1], area_options, "highlighted");
if(area_options.groupBy) {
var areas;
// two ways groupBy might work; attribute and selector
if(/^[a-zA-Z][-a-zA-Z]+$/.test(area_options.groupBy)) {
areas = map.find('area['+area_options.groupBy+'="'+$(this).attr(area_options.groupBy)+'"]')
} else {
areas = map.find(area_options.groupBy);
}
var first = this;
areas.each(function() {
if(this != first) {
var subarea_options = options_from_area(this, options);
if(!subarea_options.neverOn && !subarea_options.alwaysOn) {
var shape = shape_from_area(this);
add_shape_to(canvas, shape[0], shape[1], subarea_options, "highlighted");
}
}
});
}
// workaround for IE7, IE8 not rendering the final rectangle in a group
if(!has_canvas) {
$(canvas).append('<v:rect></v:rect>');
}
}
}
$(map).bind('alwaysOn.maphilight', function() {
// Check for areas with alwaysOn set. These are added to a *second* canvas,
// which will get around flickering during fading.
if(canvas_always) {
clear_canvas(canvas_always)
}
if(!has_canvas) {
$(canvas).empty();
}
$(map).find('area[coords]').each(function() {
var shape, area_options;
area_options = options_from_area(this, options);
if(area_options.alwaysOn) {
if(!canvas_always && has_canvas) {
canvas_always = create_canvas_for(img.get());
$(canvas_always).css(canvas_style);
canvas_always.width = img.width();
canvas_always.height = img.height();
img.before(canvas_always);
}
area_options.fade = area_options.alwaysOnFade; // alwaysOn shouldn't fade in initially
shape = shape_from_area(this);
if (has_canvas) {
add_shape_to(canvas_always, shape[0], shape[1], area_options, "");
} else {
add_shape_to(canvas, shape[0], shape[1], area_options, "");
}
}
});
});
$(map).trigger('alwaysOn.maphilight').find('area[coords]')
.bind('mouseover.maphilight', mouseover)
.bind('mouseout.maphilight', function(e) { clear_canvas(canvas); });;
img.before(canvas); // if we put this after, the mouseover events wouldn't fire.
img.addClass('maphilighted');
});
};
$.fn.maphilight.defaults = {
fill: true,
fillColor: '000000',
fillOpacity: 0.2,
stroke: true,
strokeColor: 'ff0000',
strokeOpacity: 1,
strokeWidth: 1,
fade: true,
alwaysOn: false,
neverOn: false,
groupBy: false,
wrapClass: true,
// plenty of shadow:
shadow: false,
shadowX: 0,
shadowY: 0,
shadowRadius: 6,
shadowColor: '000000',
shadowOpacity: 0.8,
shadowPosition: 'outside',
shadowFrom: false
};
})(jQuery);
/* MODIFIED Added line 53: $(that).attr('width', $(that).width()).attr('height', $(that).height()).maphilight();
* rwdImageMaps jQuery plugin v1.1
*
* Allows image maps to be used in a responsive design by recalculating the area coordinates to match the actual image size on load and window.resize
*
* Copyright (c) 2012 Matt Stow
* https://github.com/stowball/jQuery-rwdImageMaps
* http://mattstow.com
* Licensed under the MIT license
*/
(function($) {
$.fn.rwdImageMaps = function() {
var $img = this,
v = parseFloat($.fn.jquery);
var rwdImageMap = function() {
$img.each(function() {
if (typeof($(this).attr('usemap')) == 'undefined')
return;
var w, h;
// jQuery < 1.6 incorrectly uses the actual image width/height instead of the attribute's width/height
if (v < 1.6)
w = $(this)[0].getAttribute('width'),
h = $(this)[0].getAttribute('height');
else
w = $(this).attr('width'),
h = $(this).attr('height');
var wPercent = $(this).width()/100,
hPercent = $(this).height()/100,
map = $(this).attr('usemap').replace('#', ''),
c = 'coords';
$('map[name="' + map + '"]').find('area').each(function() {
if (!$(this).data(c))
$(this).data(c, $(this).attr(c));
var coords = $(this).data(c).split(','),
coordsPercent = new Array(coords.length);
for (var i = 0; i < coordsPercent.length; ++i) {
if (i % 2 === 0)
coordsPercent[i] = parseInt(((coords[i]/w)*100)*wPercent);
else
coordsPercent[i] = parseInt(((coords[i]/h)*100)*hPercent);
}
$(this).attr(c, coordsPercent.toString());
});
});
};
rwdImageMap();
$(that).attr('width', $(that).width()).attr('height', $(that).height()).maphilight();
$(window).resize(function() {
rwdImageMap();
});
};
})(jQuery);
// Some styles you probably don't need to get you started
#find-your-state-section {
#map-container { width: 104%;height: 100%;position: relative; overflow: hidden;
img[usemap] {
border: none;
height: auto;
max-width: 100%;
width: auto;
margin-left: 1%;
}
}
ul.links_list {
width: 30%;
margin:0 0 0 3.33333%;padding:0;
float: left;
list-style: none;
#font > .alt-sans-serif(16, @weight-regular, @baseLineHeight * .7);
li {
a {
display: block;
.padding(5, 0, 7, 0);
.weight-regular;
}
}
}
}
Here's the AI file of the map you can recolor and save out. It needs to be 960px X 720px. http://cloud.jen.gs/K4eh
@ericrasch
Copy link

Can we change the width of the map just by altering the specified width (and subsequent image)? Or will it just assume the width of the parent container?

@jimmynotjim
Copy link

There's actually a single script that will do both for you. Check this gist https://gist.github.com/78d46e99cac8746e862c to see how I've been doing the state maps recently.

@ericrasch
Copy link

On inc-usa-map-960.php @ lines 102 & 103 you have double // marks: //assets/js

@ericrasch
Copy link

I actually just wrote Jen an email about jquery.imagemapster. She used it on OnlineColleges.net and I was wondering why she switched.

@germanny
Copy link
Author

I fixed the double //. Thanks for catching that.

I'm not using imagemapster cuz it is very dense, has way more functionality than needed (though does have built-in mechanism for highlighting a state name in a list - see http://www.onlinecollegecourses.com/states/), but most importantly, I couldn't figure a way to make it responsive. rwdImageMaps by itself performs the basic task of giving a responsive image map but didn't offer background color change on hover.

@jimmynotjim
Copy link

Imagemapster out of the box is responsive. You were actually using it for small maps that were a 720px base and were being downsized by imagemapster when I picked up on it (can't remember which site). The one thing you have to be sure is to not set dimensions in the <img tag or everything falls apart. Eric also found a demo of how to use resize events to make it truly responsive here http://jsfiddle.net/jamietre/jQG48/

It is pretty heavy though, even the minimized version is coming in at 40kb compared to only 16kb w/ these. We could package them together since they're always used together and reduce an http request making them even more favorable. Then we'll just need to find out the resizing callback, which might not be too hard. Once we get CriminalJustice out the door I'll probably have some time to look at that.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment