2014-04-09 9 views
0

"maptiler"라는 오픈 소스 도구를 사용하여 래스터 임 파지 (지리 정보 없음)에 타일 맵을 만듭니다. 또한 openlayers lib를 사용하여 생성 된 타일 맵을 표시하는 HTML 파일을 만듭니다. 지도 (이미지)가 드래그 가능한 것을 제외하고는보기에 좋지 않으며 화면에 큰 빈 영역이 있습니다. 지도 주변의 빈 곳을 제거하는 방법을 알고 있습니까?자바 스크립트 프로그래밍 : 오픈 레이어에서 타일 맵의 빈 영역을 제거하는 방법

도움 주셔서 감사합니다.

스크린 샷은 여기에 있습니다 : "218.244.136.35:8080/7777/a.png을"

내 소프트웨어는 다음과 같이이다 :

var options = { 
       controls: [ 
         new OpenLayers.Control.Attribution(), 
         new OpenLayers.Control.TouchNavigation({ 
          dragPanOptions: { 
           enableKinetic: true 
          } 
         }), 
         new OpenLayers.Control.LayerSwitcher(), 
         new OpenLayers.Control.Zoom() 
       ], 
       maxExtent: new OpenLayers.Bounds( 0.0, -3448.0, 2426.0, 0.0), 
       maxResolution: 16.000000, 
       numZoomLevels: 5 
      }; 


var layer = new OpenLayers.Layer.TMS("TMS Layer","", 
     { url: '', serviceVersion: '.', layername: '.', alpha: true, 
           type: 'png', getURL: overlay_getTileURL 
        }); 

map = new OpenLayers.Map('map', options);      
map.addLayer(layer); 
var mapBounds = new OpenLayers.Bounds(0.0, -3448.0, 2426.0, 0.0); // this is the resolution of my image 
map.zoomToExtent(mapBounds);   
map.addControl(new OpenLayers.Control.MousePosition()); 

답변

0

당신은 옵션에 restrictedExtent:을 추가해야합니다 방문 HTTP를 사용하여 지도의 이 기능의 예에서 볼 수있다 : 당신이 타일을 생성하기 위해 (http://www.maptiler.com에서) 새로운 MapTiler을 사용했다면

http://openlayers.org/dev/examples/restricted-extent.html

, 다음 자바 스크립트 코드는 청소기 것입니다 그리고 당신은 또한에서 리플릿 뷰어를 얻을 것 상자 및 최소화 된 타일.

+0

감사! 그것은 예상대로 작동합니다. – user1157924