選擇美國互動的jQuery地圖

Question

在我的項目我已經包括了一個互動地圖上，類似這樣的：
http://davidlynch.org/js/maphilight/docs/demo_usa.html

<div class="event_map" style="display: block; background: url('map.png') repeat scroll 0% 0% transparent; position: relative; padding: 0pt; width: 260px; height:241px;"> 
    <canvas width="260" height="241" style="position: absolute; left: 0pt; top: 0pt; padding: 0pt; border: 0pt none; opacity: 1;" id="image" width:260px;height:241px;=""></canvas> 
    <img style="opacity: 0; position: absolute; left: 0pt; top: 0pt; padding: 0pt; border: 0pt none;" id="image" src="map.png" alt="" class="map" usemap="#state-map" border="0" height="241" width="260"> 
</div> 
<map name="state-map"> 
    <area shape="poly" alt="" title="State Name" coords="74,18,79,17,80,15,85,13,91,13,93" href="/target/link" target="" /> 
</map> 

所以上手：我應該爲我的選擇，圖像使用本身還是區域地圖？使用'標題'，或爲每個區域引入ID？

Answer 1

如果要選擇單個狀態，則需要使用該區域。 它看起來像是整個地圖的單個圖像bkg。如果可能的話，我會嘗試將id屬性附加到區域標籤，否則只需使用標題。

$("area[title='CO']").whatever..