OpenLayers 3 드래그/패닝시 공백 표시

Question

지금 Ol3을 사용하여 정적 이미지 (예 : http://openlayers.org/en/latest/examples/static-image.html)를 표시하고 있습니다. 내가 확대되어 패닝/끌기를 시작하면 예와 같이 공백을 볼 수 있습니다. 나는 그것을보고 싶지 않다.

공백이 나타나지 않도록 이미지의 끝 부분까지만 팬 할 수 있습니까?

Answer 1

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

다음은 인라인 링크 fiddle입니다.

map.on ('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);