JVectorMap设置比例小于1

我正在创建一个需要全尺寸地图的网页，我正在使用JVectorMap。地图的宽度和高度均为100％。但是，这会使地图在完全缩小时延伸到页面的边缘，这是不可取的。理想情况下，当完全缩小时，地图周围会有一个边框，但是当放大地图时仍然会延伸到页面的边缘。从本质上讲，我想从地图开始看起来比被允许的更加缩小。JVectorMap设置比例小于1

在这种情况下，不能使用HTML边框和填充，因为虽然它们确实在页面加载时创建了所需的效果，但是在放大地图时边框仍然存在。唯一的想法是试图设置“规模”靠近下列代码的结尾，以便使其值低于零变量：

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

这是没有效果的，作为用于任何值‘低于1刻度’似乎被忽略。我已经包含了下面的截图来说明问题。

当前页（地图延伸到边缘）

理想页（图有边界

任何帮助，将不胜感激！

来源

2016-08-18 Dan

我要去发布答案我自己的问题，以防万一任何人在将来遇到这种情况。似乎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 
     }, 
    }); 
});

来源

2016-08-24 00:05:58 Dan

JVectorMap设置比例小于1

回答

相关问题