Javascript 设置jvectormap区域中的图像大小和位置

我正在建立一个网站，在其中我集成了一张用JVectorMap库创建的地图，每个区域都必须有一个代表该区域的背景图像，而不是彩色的，直到这里，问题是当插入图像时，它们会在整个区域重复，而不显示所有大小，我需要做的是尽可能多地只显示一次图像

这是我从JVectorMap获得的代码：

IDTravel
html，正文{
宽度：100%；
身高：100%；
边际：0px；
填充：0px；
}
模式img{
宽度：100%；
}
$（函数（）{
新的jvm.Map({
容器：$（“#世界地图”），
地图：“世界工厂”，
系列：{
区域：[{
比例：{
红色绿色：“img.jpg”，
黄蓝色：“img1.jpg”
},
价值观：{
“美国”：“红绿”，
“MX”：“黄蓝色”
},
}]
}
});
});

请添加您的html和css以便我们能更好地帮助您请添加您的html和css以便我们能更好地帮助您