图片热区随图片大小改变

在网页中插入一张地图，可以通过输入改变图片大小，在地图特定地方设置热区，使热区随图片大小变化。

设置了两个文本框，可以输入图片的宽和高然后按确定按钮改变图片大小，但是改变之后图片热区就不能使用了。

尝试了很多代码都没有用。

function set(){
            var w=document.getElementById("textldw").value;
            var h=document.getElementById("textldh").value;
            var p=document.getElementById('chinamap');
            p.style.width= w+'px';
            p.style.height=h+'px';
        }

这是设置改变图片大小的代码

 ="./地图.png" usemap="#im_map" id="chinamap"/>
    

设置图片热区代码

希望有人解答一下T^T

图片热区是根据coords定位的，你改变了图片的大小，你coords也要随着改变