Question

我使用名为＆＃34; maptiler＆＃34;的开源工具。在栅格插入上创建平铺贴图（无地理信息）。它还创建一个HTML文件，该文件使用openlayers lib来显示创建的tile图。它看起来很好，除了地图（图像）是可拖动的，并且屏幕上有一个看起来很难看的大空白区域。你知道如何删除地图周围的空白区域吗？

感谢您的帮助！

截图在这里：使用http访问：＆＃34; 218.244.136.35：8080/7777 / a.png＆＃34;

我的软件是这样的：

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查看器并最小化切片。

javascript编程：如何在openlayers中删除tile map的空白区域

1 个答案: