OpenLayers 3在拖动/平移时显示空白



我现在使用Ol3显示静态图像(如http://openlayers.org/en/latest/examples/static-image.html)。虽然当我放大并开始平移/拖动时,我可以看到空白,如示例所示。我不想看到那样。

是否有可能平移到图像的结束,使空白空间不出现?

    You can restrict the dragging of the image by restricting its extent.

这是一个内联链接。

地图。("moveend",函数(evt) {

        console.log(view.getZoom());
        if(view.getZoom()<=2){
        view.setZoom(3);
        }
        });
        var constrainPan = function() {
        console.log("move");
        var extents=[0, 0, 1024, 968]
    var visible = view.calculateExtent(map.getSize());
    var centre = view.getCenter();
    var delta;
    var adjust = false;
    if ((delta = extents[0] - visible[0]) > 0) {
        adjust = true;
        //console.log(delta);
        centre[0] += delta;
    } else if ((delta = extents[2] - visible[2]) < 0) {
        adjust = true;
        centre[0] += delta;
    }
    if ((delta = extents[1] - visible[1]) > 0) {
        adjust = true;
        centre[1] += delta;
    } else if ((delta = extents[3] - visible[3]) < 0) {
        adjust = true;
        centre[1] += delta;
    }
    if (adjust) {
        view.setCenter(centre);
    }
};

view.on('change:resolution', constrainPan);
view.on('change:center', constrainPan);

最新更新