Javascript JVectorMap设置比例低于1

Javascript JVectorMap设置比例低于1,javascript,jquery,html,css,jvectormap,Javascript,Jquery,Html,Css,Jvectormap,我正在创建一个需要全尺寸地图的网页,为此我正在使用JVectorMap。地图的宽度和高度均为100%。但是,这会使地图在完全缩小时向右延伸到页面的边缘,这是不可取的。理想情况下,完全缩小时地图周围会有一个边框,但放大后地图仍会延伸到页面边缘。从本质上说,我想从地图开始,它看起来比允许的范围更大 在这种情况下,不能使用HTML边框和填充,因为尽管它们确实在页面加载时创建了所需的效果,但当地图放大时,边框仍然存在。我唯一的想法是尝试将下面代码末尾附近的“scale”变量设置为零下的值: <sc

我正在创建一个需要全尺寸地图的网页,为此我正在使用JVectorMap。地图的宽度和高度均为100%。但是,这会使地图在完全缩小时向右延伸到页面的边缘,这是不可取的。理想情况下,完全缩小时地图周围会有一个边框,但放大后地图仍会延伸到页面边缘。从本质上说,我想从地图开始,它看起来比允许的范围更大

在这种情况下,不能使用HTML边框和填充,因为尽管它们确实在页面加载时创建了所需的效果,但当地图放大时,边框仍然存在。我唯一的想法是尝试将下面代码末尾附近的“scale”变量设置为零下的值:

<script>
    $(function(){
        $('#map').vectorMap({
            map: 'world_mill',
            focusOn: {
                x: 0.5,
                y: 0.5,
                scale: 0.8
            }
        });
    });
</script>

$(函数(){
$('#map').vectorMap({
地图:“世界工厂”,
重点:{
x:0.5,
y:0.5,
比例:0.8
}
});
});
这没有任何影响,因为低于1的“比例”的任何值似乎都会被忽略。我在下面附上了一些截图来说明这个问题

当前页面(地图延伸到边缘)

理想页面(地图有边框)


任何帮助都将不胜感激。

我将发布我自己问题的答案,以防将来有人偶然发现。似乎
setScale
只能将缩放设置为
zoomMin
zoomMax
参数之间的值,因此通过将
zoomMin
降低到0.9,我能够成功使用
setScale
将缩放也减小到0.9

因此,我最终得到的代码是:

$(function(){
    $('#map').vectorMap({
        map: 'world_mill',
        zoomMin: 0.9,
        focusOn: {
            x: 0.5,
            y: 0.5,
            scale: 0.9
        },
    });
});

谢谢!在将近4年的时间里,我偶然发现了这个