我正在创建一个需要全尺寸地图的网页,我正在使用JVectorMap。地图的宽度和高度均为100%。然而,这使得地图在完全缩小时向右延伸到页面的边缘,这是不期望的。理想情况下,当完全缩小时,地图周围会有一个边框,但是当放大时,地图仍会延伸到页面的边缘。基本上,我想从地图开始缩小比看起来允许的那样。
在这种情况下,不能使用HTML边框和填充,因为尽管它们确实会对页面加载产生所需的效果,但在放大地图时边框仍然存在。我唯一的想法是尝试设置'比例'变量接近下面代码的末尾,变为低于零的值:
<script>
$(function(){
$('#map').vectorMap({
map: 'world_mill',
focusOn: {
x: 0.5,
y: 0.5,
scale: 0.8
}
});
});
</script>
这没有效果,因为“比例”低于1的任何值似乎都被忽略了。我在下面列出了截图来说明问题。
非常感谢任何帮助!
答案 0 :(得分:3)
我将把答案发给我自己的问题,以防将来有人发现这个问题。似乎setScale
只能将缩放设置为zoomMin
和zoomMax
参数之间的值,因此通过将zoomMin
降低到0.9,我能够成功使用{{1} }也将缩放缩小到0.9。
因此我最终得到的最终代码是:
setScale