javascript编程:如何在openlayers中删除平铺贴图的空白区域
我使用名为“maptiler”的开源工具在光栅图像(无地理信息)上创建平铺地图。它还创建了一个HTML文件,该文件使用openlayers库来显示创建的平铺图。它看起来很好,只是地图(图像)是可拖动的,屏幕上有一个很大的空白区域,看起来很紧急。你知道如何删除地图周围的空白区域吗?< /P> 谢谢你的帮助 屏幕截图如下:使用http访问:“218.244.136.35:8080/7777/a.png” 我的软件是这样的: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
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代码将更干净,您还可以将传单查看器从盒子中取出并最小化瓷砖