Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/372.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/objective-c/27.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
javascript编程:如何在openlayers中删除平铺贴图的空白区域_Javascript_Map_Openlayers_Maptiler - Fatal编程技术网

javascript编程:如何在openlayers中删除平铺贴图的空白区域

javascript编程:如何在openlayers中删除平铺贴图的空白区域,javascript,map,openlayers,maptiler,Javascript,Map,Openlayers,Maptiler,我使用名为“maptiler”的开源工具在光栅图像(无地理信息)上创建平铺地图。它还创建了一个HTML文件,该文件使用openlayers库来显示创建的平铺图。它看起来很好,只是地图(图像)是可拖动的,屏幕上有一个很大的空白区域,看起来很紧急。你知道如何删除地图周围的空白区域吗?< /P> 谢谢你的帮助 屏幕截图如下:使用http访问:“218.244.136.35:8080/7777/a.png” 我的软件是这样的: var options = { controls

我使用名为“maptiler”的开源工具在光栅图像(无地理信息)上创建平铺地图。它还创建了一个HTML文件,该文件使用openlayers库来显示创建的平铺图。它看起来很好,只是地图(图像)是可拖动的,屏幕上有一个很大的空白区域,看起来很紧急。你知道如何删除地图周围的空白区域吗?< /P> 谢谢你的帮助

屏幕截图如下:使用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:
添加到地图的选项中。此功能的一个示例显示在:

如果您使用了新的MapTiler(from)来生成瓷砖,那么javascript代码将更干净,您还可以将传单查看器从盒子中取出并最小化瓷砖