Question

我在openlayers 3代码中更改地图范围时遇到了问题。我使用EPSG：4326作为投影格式，我打算改变边界到我的'边界'变量。我正在使用

map.getView().fitExtent(bounds, map.getSize());

用于更改地图的范围。问题是，首先我提供了界限值为[76.9501571655273,76.9501571655273,78.5841217041016,78.5841217041016]，并在将地图范围拟合到此值后，当我使用

查询地图范围时

map.getView().calculateExtent(map.getSize());

我得到[76.39384841918945,76.39384841918945,79.14043045043945,79.14043045043945]作为输出。我有一种感觉，这可能是投影问题，但我无法弄清楚我做错了什么。有人可以让我知道我做错了什么吗？

以下是完整代码（我删除了不必要的代码以使其更具可读性）：

<!doctype html>
<html lang="en">
 <head>
  <script src="http://openlayers.org/en/v3.5.0/build/ol-debug.js"></script>
  <title>OpenLayers map preview</title>
 </head>
 <body>
  <div id="map" style="width: 500px; height: 500px;"></div>
 <script type="text/javascript">

  var format = 'image/png';
  var bounds = [76.9501571655273, 76.9501571655273,
                78.5841217041016, 78.5841217041016];

  var untiled = new ol.layer.Image({
    source: new ol.source.ImageWMS({
      ratio: 1,
      url: 'http://localhost:9000/geoserver/TargetWorkspace/wms',
      params: {'FORMAT': format,
               'VERSION': '1.1.1',  
            LAYERS: 'TargetWorkspace:hyderbadtargets',
            STYLES: '',
      }
    })
  });

  var projection1 = new ol.proj.Projection({
      code: 'EPSG:4326',
      units: 'degrees',
      axisOrientation: 'neu'
  });
  var map = new ol.Map({
    controls: ol.control.defaults({
      attribution: false
    }),
    target: 'map',
    layers: [
      untiled
    ],
    view: new ol.View({
        projection: projection1,
        center: [77.7671394348, 77.7671394348],
        zoom: 0
    })
  });

  var ext = map.getView().calculateExtent(map.getSize());

  console.log("Map Bound Before: " +  ext[0] + " " + ext[1] + " "+ ext[2] + " "+ ext[3] + " ");

  map.getView().fitExtent(bounds, map.getSize());

  var ext2 = map.getView().calculateExtent(map.getSize());

  console.log("Map Bound After: " +  ext2[0] + " " + ext2[1] + " "+ ext2[2] + " "+ ext2[3] + " ");

</script>
</body>
</html>

谢谢，

Sourabh

Answer 1

如果您正在调用fitExtent，OpenLayers会调整视图边界，以便显示给定的范围。如果范围的尺寸与地图尺寸的尺寸不匹配，则实际视图范围可能会更大。

Answer 2

WMS提供具有预定义比例/分辨率的图像，例如，缩放8可以具有分辨率1222.992452和比例1：3000000。如何将离散变焦值调整到您提供的范围？ OL3为您找到最佳缩放级别，其绑定坐标将关闭到您想要的边界。

此外，我已在您的代码中注意到您重新定义了EPSG投影：4386：new ol.proj.Projection({...... 但是，OL3已经在库本身中包含了这个投影。最好使用：new ol.proj.get('EPSG:4326');

Answer 3

正如favero的回答所述，默认情况下它只使用了海底变焦值，但是可以通过设置选项constrainResolution false来避免这种情况。然后，允许缩放级别为浮点数。

另请注意，fitExtent现在称为fit

map.getView().fit(bounds, { constrainResolution: false })

Openlayers 3：改变地图范围的问题

3 个答案: