在Mapbox

Question

我使用Mapbox创建查看器，查看器将全屏显示。但是，屏幕的一半将覆盖浮动UI组件。因此，如果地图缩放到某个要素，则应将该要素定位在屏幕另一半的中心。什么是接近这个的好方法？

目前，当我缩放到某个功能时，它将如下所示，由UI组件覆盖：

我希望它能自动集中在观众的一半上，如下所示：

Answer 1

fitBounds method允许您传递padding的选项，例如：

map.fitBounds([[min_lon, min_lat], [max_lon, max_lat]], {
    padding: {
        top: 5,
        bottom: 5,
        left: 5,
        right: document.getElementById('your_div').offsetWidth + 5
    },
    linear: true,
    duration: 0
});