繁体   English   中英

缩放到Openlayers 3功能

[英]Zoom to Openlayers 3 function

我正在使用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()以使扩展比默认情况下更大...我正在寻找具有此信息的帖子,但未找到没有,你能帮我吗?

我将给出一个示例,考虑所有方向(顶部,右侧,底部和左侧)的100px填充 然后,我将以以下方式具有该功能。

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]
    });
}

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM