缩放到 Openlayers 3 函数

Question

我正在使用 Openlayers 3 食谱中的这个函数：

function zoomTo() {
  map.beforeRender(
    ol.animation.pan({
      source: map.getView().getCenter(),
      duration: 150
    }),

    ol.animation.zoom({
      resolution: map.getView().getResolution(),
      duration: 500,
      easing: ol.easing.easeIn
    })
  );
  map.getView().fit(Houses1860b.getSource().getExtent(), map.getSize());

}

这个功能很好用，但是缩放比我需要的更接近特征，我想知道是否有另一种方法可以对特征进行缩放，但缩放级别比这个小一两个功能确实如此。

我假设可以创建另一个名为 "extension" 的新变量并向 Houses1860b.getSource().getExtent() 添加值以进行比默认情况下更大的扩展...我正在寻找包含此信息的帖子，但我没有' 找到 none，你能帮帮我吗？

Answer 1

我将通过考虑给出一个例子，在所有方向（顶部、右侧、底部和左侧）填充 100 像素。然后我将通过以下方式获得该功能。

function zoomTo() {
    map.beforeRender(
        ol.animation.pan({
           source: map.getView().getCenter(),
           duration: 150
        }),

        ol.animation.zoom({
           resolution: map.getView().getResolution(),
           duration: 500,
           easing: ol.easing.easeIn
        })
    );
    map.getView().fit(Houses1860b.getSource().getExtent(), map.getSize(), {
        padding : [100, 100, 100, 100]
    });
}

缩放到 Openlayers 3 函数

Zoom to Openlayers 3 function

javascript

zooming

openlayers-3

getview