提升缩放与图像映射不兼容

Question

我无法使用图像地图实现提升变焦，悬停放大镜似乎掩盖了图像地图..

我的代码

     <div id="zoom_06">

    <img class="front-div" id="zoom_01" src='stoneybrae_overallsiteplan.jpg' data-zoom-image="stoneybrae-devmap580.jpg" usemap="#testmap200" />

    <map name="testmap200" id="testmap200">
    <area shape="rect" coords="1,1,550,625" href="http://www.bbc.co.uk">
    </map>

    </div>

    </body>

   <script>

    $("#zoom_01").elevateZoom({
   cursor: "crosshair"
    });
   </script>

任何有关正确方向的帮助或指示都将不胜感激！

谢谢！