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

我的地图代码：

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
    })
});

问题:

---

您可以做以下几件事：

在地图容器上设置背景色或图像，如中所示，以使白色间隙看起来更好

.map {
  ...
  background: url(map-background.jpg) repeat;
}

在上设置

minZoom

属性，以防止地图缩小过远。但在大屏幕上，用户可能仍能看到差距

view: new ol.View({
    ...
    minZoom: 4
})

或者将视图范围限制在平铺边界（

ol.proj.get（'EPSG:3857'）.getExtent（）

）。OpenLayers中未包含此功能，但您可以在其中找到解决方法

---

使用这种方法已经帮助我获得var extent=ol.proj.get（'EPSG:3857'）.getExtent（）；视图：新ol.视图（{center:[-6217890.205764902，-1910870.6048274133]，缩放：3，最大缩放：20，最小缩放：3，范围：范围}）谢谢