拖动地图时打开第3层空白字段，如何限制它

Z时代
2024-01-10
分类：问答

我不希望用户在拖动地图时看到空白字段。我想限制它。我没有找到任何伟大的决议。拖动地图时打开第3层空白字段，如何限制它

我的地图代码：

var map = new ol.Map({ 
    layers: [new ol.layer.Tile({ 
     source: new ol.source.MapQuest({ layer: 'osm' }) }), vectorLayer], 
    target: document.getElementById('map'), 
    controls: ol.control.defaults().extend([ 
     new ol.control.ScaleLine(), 
     new ol.control.ZoomSlider() 
    ]), 
    view: new ol.View({ 
     center: [-6217890.205764902, -1910870.6048274133], 
     zoom: 3, 
     maxZoom: 20 
    }) 
});

问题：

回答：

有一对夫妇的事情，你可以这样做：

设置背景颜色或图片在你的地图容器中，就像在examples中制作的那样迭代差距看起来更好。
```
.map { 
    ... 
    background: url(map-background.jpg) repeat; 
} 
```

坐落在view的minZoom属性，以防止地图被缩小太远。但在大屏幕上，用户可能仍然会看到差距。
```
view: new ol.View({ 
    ... 
    minZoom: 4 
}) 
```

或限制视野区段到瓦片边界（ol.proj.get('EPSG:3857').getExtent()）。 OpenLayers中不包含yet，但您会在此question中找到解决办法。

以上是拖动地图时打开第3层空白字段，如何限制它的全部内容，来源链接： utcz.com/qa/257517.html

回到顶部