javascript编程:如何在openlayers中删除tile映射的空白区域
javascript programming: how to remove blank area of a tile map in openlayers
我使用一个名为"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。
相关文章:
- 使用php或javascript从facebook相册URL中删除多余的部分
- RegEx删除空属性?例如,如果(class=“”||class=“”)移除;否则就下课
- 如何删除多行HTML排列中的空白
- 如何从rails中的代码中删除新行( )
- 删除对HTML元素的拖动
- 当图像转换为本地存储的DataURL时,EXIF被删除
- 按顺序添加和删除类
- iframe正在添加标签,需要删除它们
- 如何在HTML输入字段中添加不可删除的后缀
- addData()从最新图表中删除.js 2.1.3-怎么了
- 如何覆盖锚点元素's href目标,并在我点击转到目标javascript时删除其他错误
- 删除CKEditor工具栏按钮,但不删除功能
- 当浏览器上的后退按钮到达主页时,我需要删除Class
- 正在删除node.js中已验证的网站
- 正在从页面中删除iframe
- 如何从 HTML 查询中删除项目
- 如何在iOS应用程序中从Firebase中删除超过6小时的数据
- 未捕获的类型错误:无法读取属性'删除'的未定义
- 在不知道深度或父属性的情况下从对象中删除属性
- javascript编程:如何在openlayers中删除tile映射的空白区域