jquery - Maphilight更改图像src保持相同的地图

Question

我们正在使用 maphighlight Jquery 在某些图像上突出显示地图区域。单击按钮时，我们希望加载不同的图像 src，保持区域图相同。

我能够加载不同的图像 src，但在地图区域突出显示停止运行后不久

有没有人遇到过类似的问题？需要一些帮助来解决这个问题。

这是现有的代码：

<script type="text/javascript" src="@Url.Content("~/Scripts/jquery.maphilight.min.js")"></script>

<div id="image1">
<img id="image1id" alt="ABCD" src="@Url.Content("~/Content/A.png")" 
style="box-shadow: #999 0px 0px 15px;" usemap="#a1" />

</div>

<map name="a1">
<area id="aSys" shape="poly" coords="330,145,475,115,475,350,330,367" onclick="Common_dialog();"
                alt="image" title="A SYS" />
 </map>

<button type="button" value="Change" onclick="Common_dialog();">Change</button>

<script type="text/javascript">
 $(document).ready(function () {
            $('.map').maphilight(strokeColor = "5C5C5C", fillColor = "5C5C5C", strokeWidth  "1", fillOpacity = "0.4");

    alert("entered11");
});

function Common_dialog(e) {
    var divElements = document.getElementById("image1").innerHTML;
    var updatedDiv = divElements.replace("A.png", "B.png");
    document.getElementById("image1").innerHTML = updatedDiv;
 }
 </script>