JavaScript編程：如何在openlayers中刪除平鋪圖的空白區域

Question

我使用了一個名為“ maptiler”的開源工具，以在光柵障礙物上創建平鋪地圖（無地理信息）。 它還創建一個HTML文件，該文件使用openlayers lib顯示創建的圖塊地圖。 除了地圖（圖像）是可拖動的，而且屏幕上有一個很大的空白區域，看上去很緊急，看起來還不錯。 您知道如何刪除地圖周圍的空白區域嗎？

謝謝你的幫助！

屏幕截圖在此處：使用http訪問：“ 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());

Answer 1

您必須在地圖的選項中添加restrictedExtent: :。 該功能的示例在以下位置可見：

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

如果您使用了新的MapTiler（來自http://www.maptiler.com ）來生成圖塊，則javascript代碼會更干凈，並且您還可以使用Leaflet Viewer，並盡可能減少圖塊。