Javascript 动态调整居中的图像贴图的大小

我试图创建一个html图像映射，当用户调整窗口时，它会动态调整大小。我还希望图像在窗口中居中。我找到了一个很好的解决动态调整大小问题的方法。唯一的问题是，我希望我的图像地图在页面上居中，这与此解决方案不起作用。现在，它只在图像放置在默认位置时才起作用。当在Chrome上运行并调整大小时，可以看到可点击的三角形移动到左上角，而不是原来的眼睛上方。我的问题是，我如何修改代码来解释放置在中心的图像

下面是一些示例代码，在上面链接的答案中给出

/*Javascript*/
window.onload=函数（）{
var ImageMap=函数（映射，img）{
var n，
areas=map.getElementsByTagName（'area'），
len=面积。长度，
坐标=[]，
前一宽度=128；
对于（n=0；n

/*CSS*/
/*这就是我目前用来最初调整图像大小并使其居中的方法*/
* {
保证金：0；
填充：0；
}
.imgbox{
显示：网格；
身高：100%；
}
.中心配合{
最大宽度：90vh；
最大高度：90vh；
保证金：自动；
}

影像地图