图像映射编号显示

Question

例如，我有一个图像映射

<img  src="http://www.isdntek.com/tagbot/misc/bambi.jpg" usemap="#Map" class="mapp">

<map name="Map" id="Map">
    <area class="map_circle" item="state1" target="" alt="1" title="1" href="#links" coords="223,541,62" shape="circle"  data-maphilight='{"alwaysOn":true,"stroke":false,"fillColor":"FFFFFF","fillOpacity":"1"}'>/>
    <area item="state2" target="" alt="2" title="2" href="#links" coords="75,274,NaN" shape="circle">
    <area item="state3" target="" alt="3" title="3" href="#links" coords="338,358,NaN" shape="circle">
    <area item="state4" target="" alt="4" title="4" href="#links" coords="595,414,NaN" shape="circle">
    <area item="state5" target="" alt="5" title="5" href="#links" coords="626,284,NaN" shape="circle">
    <area item="state6" target="" alt="6" title="6" href="#links" coords="707,342,NaN" shape="circle">
    <area item="state7" target="" alt="7" title="7" href="#links" coords="799,278,NaN" shape="circle">
</map>

我想让它在这些圆圈中仍然显示标题，例如，1,2,3,4在我的圆圈中，现在是空的

Answer 1

您忽略了area元素circle坐标半径(有意或错误)，这将导致未定义的区域。

你应该填满所有的circle coords

<area item="state2" target="" alt="2" title="2" href="#links" coords="75,274,20" shape="circle"> <!-- 20 instead of NaN -->