Created
October 10, 2012 22:41
-
-
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
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<?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; | |
} | |
?> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<?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"> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<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> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<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> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* 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); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* 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); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// 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; | |
} | |
} | |
} | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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 |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
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.