如何使用悬停链接动态表数据与地图的区域？

Question

目前，我正面临着悬停链接动态数据表的问题，地图区域显示在网站上。

我用于表格的脚本如下所示：

$(function () {
    $("[id*=buildingView] td").hover(function () {
        $("td", $(this).closest("tr")).addClass("hover_row");
    }, function () {
        $("td", $(this).closest("tr")).removeClass("hover_row");
    });
});

对于地板图像如下：

<img src="images/classroom.png" usemap="#A1floor" style="max-width:100%; display:block;height:auto" >
<map id="image_map" name="A1floor">
    <area href="#" state="room101" shape="rect"  coords="72, 52, 258, 130">

我正在使用悬停让动态表格显示悬停在背景上，问题是我不知道如何使用悬停将地板图像与表格链接。如何使用悬停来使表和地图同步？