OpenLayers 中的最小/最大缩放级别

Question

我正在使用 OpenLayers 在网页中显示地图。我使用的是 CloudMade 中的图块，但 OpenStreetMap 中的 Mapnik 图块也会出现同样的问题。

我试图限制地图，以便用户无法一直缩放到世界视图 - 我希望它们至少保持在大约城市级别的缩放。

我尝试使用 minZoomLevel / maxZoomLevel / numZoomLevels 属性；只有 maxZoomLevel 和 numZoomLevels 属性似乎有效，而 minZoomLevel 属性似乎被完全忽略。

还有其他方法可以实现此目的吗？

Answer 1

您可以重写 isValidZoomLevel 函数。像这样的东西（未经测试）：

OpenLayers.Map.isValidZoomLevel = function(zoomLevel) {
   return ( (zoomLevel != null) &&
      (zoomLevel >= 2) && // set min level here, could read from property
      (zoomLevel < this.getNumZoomLevels()) );
}

编辑

或者您需要覆盖可用的分辨率，请参阅此处的示例：http://dev.openlayers.org/examples/zoomLevels.html

Answer 2

XYZ 图层不支持 minZoomLevel，OSM 是该图层的子类。

请参阅以下票证了解解决方法：

• http://trac.osgeo.org/openlayers/ticket/2909< /a>（应用缩放偏移）
• http://trac.osgeo.org/openlayers/ticket/ 2189（添加 minZoomLevel 补丁）

Answer 3

我发现限制 XYZ 图层的 maxZoom 级别的最简单方法是重写 getNumZoomLevels 方法：

map.getNumZoomLevels = function(){
        return 10;
        };

这会导致缩放超过级别 10，并且还会正确绘制 ZoomBar 控件。这个和zoomOffset选项的组合应该允许您轻松控制最小/最大缩放，而不必弄乱分辨率或子类。

Answer 4

这里的其他答案参考版本 3 之前的 OpenLayers 版本。

使用 OpenLayers 3，您可以在初始化地图时使用 maxZoom 地图选项，如下所示：

    var map = new ol.Map({
        target: 'mapcontainer-001',
        layers: layers,  // Layers need to be initialized previously
        view: new ol.View({
          center: ol.proj.transform([-5.12345, 42.12345], 'EPSG:4326', 'EPSG:3857'),
          zoom: 12,
          maxZoom: 19
        })
    });

更多信息可以在 OpenLayers 文档中找到：http://openlayers.org/en/v3.0.0/doc/tutorials/concepts。 html

Answer 5

现在我在“视图”中使用它：

view: new ol.View({
    center: ol.proj.transform([-3.707524, 40.485644], 'EPSG:4326',EPSG:3857'),
    zoom: 15,
    maxZoom: 17,
    minZoom: 6
}),

它工作正常

Answer 6

定义分辨率并不能解决问题（即使在 v2.1 中） - 我没有找到任何永久修复，所以我在 JS 中制作了自己的缩放栏 - 这就是我向任何使用自定义缩放栏遇到问题的人推荐的瓷砖。

Answer 7

我最终得到了这个解决方案，因为我无法弄清楚如何在我的设置中使用 ZoomOffset。

        map.getNumZoomLevels = function(){
            return (options.maxzoom-options.minzoom+1);
        };

        map.isValidZoomLevel = function(zoomLevel) {
            var valid = ( (zoomLevel != null) &&
                (zoomLevel >= options.minzoom) &&
                (zoomLevel <= options.maxzoom) );
            if(!valid && map.getZoom() == 0){
                map.zoomTo(options.maxzoom - (options.maxzoom - options.minzoom)/2);

            }
            return valid;
        }

Answer 8

我尝试过这样的事情，它对我有用：

map.newMoveTo = map.moveTo;
map.moveTo = function(lonlat,zoom,options){
    return(zoom>=maxZoom && zoom<=minZoom)?map.newMoveTo(lonlat,zoom,options):false;
};

Answer 9

我找到的最佳答案（包括示例）位于 OpenLayers - 限制缩放级别的数量。我这里就不贴了，请看那边的说明。