javascript编程:如何在openlayers中删除tile映射的空白区域

javascript programming: how to remove blank area of a tile map in openlayers

本文关键字:tile 删除 映射 区域 空白 openlayers 编程 javascript      更新时间:2023-09-26

我使用一个名为"maptiler"的开源工具在光栅穿孔(无地理信息)上创建瓷砖地图。它还创建了一个HTML文件,该文件使用openlayers lib来显示创建的tile映射。它看起来很好,只是地图(图像)是可拖动的,屏幕上有一个很大的空白区域,看起来很紧迫。你知道如何去除地图周围的空白区域吗?

谢谢你的帮助!

截图在这里:使用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());

您必须将restrictedExtent:添加到映射的选项中。此功能的示例可见于:

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

如果您使用了新的MapTiler(来自http://www.maptiler.com)要生成tile,javascript代码会更干净,您还可以获得开箱即用的传单查看器并最小化tile。