JVectorMap将比例设置为1以下

时间:2016-08-18 00:33:36

标签: javascript jquery html css jvectormap

我正在创建一个需要全尺寸地图的网页,我正在使用JVectorMap。地图的宽度和高度均为100%。然而,这使得地图在完全缩小时向右延伸到页面的边缘,这是不期望的。理想情况下,当完全缩小时,地图周围会有一个边框,但是当放大时,地图仍会延伸到页面的边缘。基本上,我想从地图开始缩小比看起来允许的那样。

在这种情况下,不能使用HTML边框和填充,因为尽管它们确实会对页面加载产生所需的效果,但在放大地图时边框仍然存在。我唯一的想法是尝试设置'比例'变量接近下面代码的末尾,变为低于零的值:

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

这没有效果,因为“比例”低于1的任何值似乎都被忽略了。我在下面列出了截图来说明问题。

当前页面(地图延伸到边缘) Current Page (Map extends to edge)

理想页面(地图有边框 Ideal Page (Map has border)

非常感谢任何帮助!

1 个答案:

答案 0 :(得分:3)

我将把答案发给我自己的问题,以防将来有人发现这个问题。似乎setScale只能将缩放设置为zoomMinzoomMax参数之间的值,因此通过将zoomMin降低到0.9,我能够成功使用{{1} }也将缩放缩小到0.9。

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

setScale