Html 为悬停时显示的文本指定地图区域（坐标）

所以我发现了如何编码文本，使其在悬停图像时显示，但我似乎无法使其与地图一起工作

这是HTML

<a>
    <img src="http://i621.photobucket.com/albums/tt296/viktorvnh/deskone_zpswpfj5mrc.jpg" usemap="#Map"/>

    <map name="Map" id="Map">
         <area shape="rect" coords="374,414,624,570" href="#" data-toggle="modal" data-target="#myModal"/>
    </map>
</a>

  a {
    display: inline-block;
    position: relative;
}
.caption {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background-color: rgba(0,0,0,0.6);
    color: #f90;
    font-weight: bold;
    line-height: 1.1em;
}
a:hover .caption {
    display: block;
}