为什么我的 openlayers 地图在我添加范围约束时消失了？

Question

我是 openlayers 的新手，并尝试通过教程自学。

在我向视图添加范围之前，我的地图工作正常。我一这样做，地图就消失了。（缩放控件保留）。

我已经在文档中搜索了这方面的帮助，但没有成功。

这是我的代码：

<div id="map" class="map"></div>
      <script type="text/javascript">

        const extentNESW = [ 4422340.708467, -10578604.167351, 3169996.437043, -9735019.922400 ]
        const extentWSEN = [-9735019.922400, 3169996.437043, -10578604.167351, 4422340.708467 ]
        const centerLonLat = [ -10160621.295892, 3903791.908581 ]

        var map = new ol.Map({

          target: 'map',

          layers: [

            new ol.layer.Tile({
              
              source: new ol.source.OSM()
            
            })
          
          ],

          view: new ol.View({
            
            
            center: (centerLonLat),
            zoom: 10,
            extent: extentWSEN,

            
          })

        });


      </script>

如果我删除带范围的线，地图将再次工作。给出了什么？

Answer 1

看来您的extent数组的坐标顺序有误。顺序必须是：

[minX, minY, maxX, maxY]

更具体地说，在您的情况下，您已经交换了 minX 和 maxX。用以下内容替换您的数组：

const extentWSEN = [-10578604.167351, 3169996.437043, -9735019.922400, 4422340.708467 ];

为什么我的 openlayers 地图在我添加范围约束时消失了？

Why is my openlayers map disappearing when I add an extent constraint?

html

javascript

openlayers

node.js