• Resolved kevinmilly

    (@kevinmilly)


    I have an image of US Map with each state set to link to a different site. Underneath the image, duplicate rectangular shaped hotspots keep being created. At first I created the image map in Dreamweaver then copied and pasted the code into the WordPress Editor, that’s when I first saw the problem. Then I heard DW had problems with WordPress when it came to using image maps. So I used MapSpinner and even it’s code it generated caused the problem. Then I just used one hotspot for the entire code and it showed 1 duplicate hotspot at the bottom. So I assume the it has something to do with the area tags. I just don’t know what’s going on though…

    Here is the link to the site: https://a66.766.myftpupload.com/stateincentives/

    Here is the code:

    <img src="https://a66.766.myftpupload.com/wp-content/uploads/2016/01/usmap.png" width="700" height="436" usemap="#Map" border="0" alt="US map">
    <map name="Map">
    <area shape="rect" coords="119,223,170,309" href="https://programs.dsireusa.org/system/program?state=AZ" alt="Arizona state incentives" target="_blank">
    <area shape="rect" coords="187,231,249,319" href="https://programs.dsireusa.org/system/program?state=NM" alt="New Mexico Incentives" target="_blank">
    <area shape="rect" coords="309,244,373,286" href="https://programs.dsireusa.org/system/program?state=OK" alt="Oklahoma" target="_blank">
    <area shape="rect" coords="381,251,426,302" href="https://programs.dsireusa.org/system/program?state=AR" alt="Arkansas incentives" target="_blank">
    <area shape="poly" coords="99,242,61,167,59,124,120,140,132,139,108,184" href="https://programs.dsireusa.org/system/program?state=NV" alt="Nevada incentives" target="_blank">
    <area shape="rect" coords="193,171,276,230" href="https://programs.dsireusa.org/system/program?state=CO" alt="Colorado incentives" target="_blank">
    <area shape="rect" coords="286,194,367,242" href="https://programs.dsireusa.org/system/program?state=KS" alt="Kansas incentives" target="_blank">
    <area shape="poly" coords="371,184,380,244,440,246,413,184" href="https://programs.dsireusa.org/system/program?state=MO" alt="Missouri incentives" target="_blank">
    <area shape="poly" coords="387,309,395,354,446,362,418,334,421,311" href="https://programs.dsireusa.org/system/program?state=LA" alt="Louisiana incentives" target="_blank">
    <area shape="poly" coords="435,275,431,331,460,341,462,272" href="https://programs.dsireusa.org/system/program?state=MS" alt="Mississippi incentives" target="_blank">
    <area shape="rect" coords="467,276,506,329" href="https://programs.dsireusa.org/system/program?state=AL" alt="Alabama incentives" target="_blank">
    <area shape="poly" coords="486,338,573,335,598,410" href="https://programs.dsireusa.org/system/program?state=FL" alt="Florida incentives" target="_blank">
    <area shape="poly" coords="502,271,520,332,566,327,535,271" href="https://programs.dsireusa.org/system/program?state=GA" alt="Georgia incentives" target="_blank">
    <area shape="poly" coords="532,265,553,284,570,303,595,270,567,260" href="https://programs.dsireusa.org/system/program?state=SC" alt="South Carolina incentives" target="_blank">
    <area shape="poly" coords="444,250,530,237,509,262,438,268" href="https://programs.dsireusa.org/system/program?state=TN" alt="Tennessee incentives" target="_blank">
    <area shape="poly" coords="447,241,507,204,534,219,516,232" href="https://programs.dsireusa.org/system/program?state=KY" alt="Kentucky incentives" target="_blank">
    <area shape="poly" coords="548,236,625,222,607,264,595,258,523,256" href="https://programs.dsireusa.org/system/program?state=NC" alt="North Carolina incentives" target="_blank">
    <area shape="poly" coords="531,236,562,219,591,188,621,219" href="https://programs.dsireusa.org/system/program?state=VA" alt="Virginia incentives" target="_blank">
    <area shape="poly" coords="543,220,533,203,552,179,579,180,565,207" href="https://programs.dsireusa.org/system/program?state=WV" alt="West Virginia incentives" target="_blank">
    <area shape="poly" coords="498,152,528,155,545,143,548,177,530,199,502,198" href="https://programs.dsireusa.org/system/program?state=OH" alt="Ohio incentives" target="_blank">
    <area shape="poly" coords="551,143,612,132,616,165,557,176" href="https://programs.dsireusa.org/system/program?state=PA" alt="Pennsylvania incentives" target="_blank">
    <area shape="poly" coords="580,175,613,171,627,205" href="https://programs.dsireusa.org/system/program?state=MD" alt="Maryland incentives" target="_blank">
    <area shape="poly" coords="612,170,623,187,630,181" href="https://programs.dsireusa.org/system/program?state=DE" alt="Delaware incentives" target="_blank">
    <area shape="poly" coords="619,139,623,156,618,170,629,175,635,155" href="https://programs.dsireusa.org/system/program?state=NJ" alt="New Jersey incentives" target="_blank">
    <area shape="poly" coords="558,131,572,110,595,101,619,73,639,146" href="https://programs.dsireusa.org/system/program?state=NY" alt="New York incentives" target="_blank">
    <area shape="poly" coords="624,75,632,109,640,109,642,82,642,71" href="https://programs.dsireusa.org/system/program?state=VT" alt="Vermont incentives" target="_blank">
    <area shape="poly" coords="645,63,646,77,642,87,644,111,660,103" href="https://programs.dsireusa.org/system/program?state=NH" alt="New Hampshire" target="_blank">
    <area shape="poly" coords="635,112,634,122,654,116,660,119,667,121,677,110,661,107" href="https://programs.dsireusa.org/system/program?state=MA" alt="Massachusetts incentives" target="_blank">
    <area shape="rect" coords="654,117,664,131" href="https://programs.dsireusa.org/system/program?state=RI" alt="Rhode Island incentives" target="_blank">
    <area shape="poly" coords="636,123,637,138,653,129,650,121" href="https://programs.dsireusa.org/system/program?state=CT" alt="Conneticut incentives" target="_blank">
    <area shape="rect" coords="655,22,693,91" href="https://programs.dsireusa.org/system/program?state=ME" alt="Maine incentives" target="_blank">
    <area shape="poly" coords="486,88,481,101,471,118,476,137,466,154,510,150,520,134,516,114,504,91" href="https://programs.dsireusa.org/system/program?state=MI" alt="Michigan incentives" target="_blank">
    <area shape="poly" coords="463,159,466,201,463,220,484,217,497,198,494,156" href="https://programs.dsireusa.org/system/program?state=IN" alt="Indiana incentives" target="_blank">
    <area shape="poly" coords="428,147,460,153,459,226,444,231,433,219,425,202,416,189" href="https://programs.dsireusa.org/system/program?state=IL" alt="Indiana incentives" target="_blank">
    <area shape="poly" coords="356,133,417,132,419,143,427,153,421,163,422,174,413,181,362,179,351,147" href="https://programs.dsireusa.org/system/program?state=IA" alt="Iowa incentives" target="_blank">
    <area shape="poly" coords="433,68,462,87,499,79,484,72" href="https://programs.dsireusa.org/system/program?state=MI" alt="Michigan incentives" target="_blank">
    <area shape="poly" coords="464,88,459,139,421,142,411,122,398,108,397,93,403,80,415,77,439,68" href="https://programs.dsireusa.org/system/program?state=WI" alt="Wisconsin incentives" target="_blank">
    <area shape="poly" coords="342,40,352,131,411,129,394,96,399,80,426,52" href="https://programs.dsireusa.org/system/program?state=MN" alt="Minnesota incentives" target="_blank">
    <area shape="rect" coords="262,89,347,138" href="https://programs.dsireusa.org/system/program?state=SD" alt="South Dakota" target="_blank">
    <area shape="rect" coords="264,41,343,89" href="https://programs.dsireusa.org/system/program?state=ND" alt="North Dakota incentives" target="_blank">
    <area shape="poly" coords="132,21,143,57,140,72,153,87,168,99,176,93,259,100,259,40" href="https://programs.dsireusa.org/system/program?state=MT" alt="Montana incentives" target="_blank">
    <area shape="poly" coords="180,97,169,154,253,166,258,108" href="https://programs.dsireusa.org/system/program?state=WY" alt="Wyoming incentives" target="_blank">
    <area shape="poly" coords="258,165,281,170,282,184,365,186,353,161,337,146,303,139,259,139" href="https://programs.dsireusa.org/system/program?state=NE" alt="Nebraska incentives" target="_blank">
    <area shape="poly" coords="133,135,167,146,167,158,191,164,180,226,122,217" href="https://programs.dsireusa.org/system/program?state=UT" alt="Utah incentives" target="_blank">
    <area shape="poly" coords="127,18,136,20,135,43,146,60,142,77,152,80,154,97,175,101,172,144,103,126" href="https://programs.dsireusa.org/system/program?state=ID" alt="Idaho incentives" target="_blank">
    <area shape="poly" coords="38,1,39,34,57,53,91,55,114,59,123,15" href="https://programs.dsireusa.org/system/program?state=WA" alt="Washington incentives" target="_blank">
    <area shape="poly" coords="36,39,46,45,57,58,115,65,99,127,14,104" href="https://programs.dsireusa.org/system/program?state=OR" alt="Oregon incentives" target="_blank">
    <area shape="poly" coords="11,108,58,120,47,164,102,253,92,286,57,283,23,241,1,153" href="https://programs.dsireusa.org/system/program?state=CA" alt="California incentives" target="_blank">
    <area shape="poly" coords="207,323,254,322,267,247,301,250,302,277,313,287,328,293,341,295,362,296,374,296,382,325,390,350,375,363,351,380,335,395,335,407,307,403" href="https://programs.dsireusa.org/system/program?state=TX" alt="Texas incentives" target="_blank">
    <area shape="rect" coords="35,323,145,426" href="https://programs.dsireusa.org/system/program?state=AK" alt="Alaska incentives" target="_blank">
    <area shape="poly" coords="177,380,238,428,256,427,226,393" href="https://programs.dsireusa.org/system/program?state=HI" alt="Hawaii incentives" target="_blank">
    </map>
Viewing 2 replies - 1 through 2 (of 2 total)
  • Moderator bcworkz

    (@bcworkz)

    Huh, that’s weird! And it looks OK in my Firefox, but I see what you mean in Chrome. I don’t have access to IE right now, and Safari should be like Chrome. I don’t know what’s going on either, but as a work around try this:
    <map name="Map" style="display: none;">
    That seems to make Chrome happy, YMMV.

    Thread Starter kevinmilly

    (@kevinmilly)

    Thank you that works for me bcworkz. Thank you for the quick solution!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Image map hotspot duplications being created at bottom of image’ is closed to new replies.