为什么我的openlayers地图消失时，我添加了一个范围约束?

Question

我是一个新手，并试图通过教程自学。

我的地图工作良好，直到我添加一个范围的视图。只要我这么做，地图就消失了。(缩放控制仍然存在)。

我已经在文档中搜索了帮助，但是没有运气。

下面是我的代码:

<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>

如果我删除带有extent的行，映射将再次工作。到底发生了什么事?

Answer 1

似乎您的范围数组有错误的坐标顺序。顺序必须是:

[minX, minY, maxX, maxY]

更具体地说，在您的例子中，您交换了minX和maxX． 将数组替换为以下内容:

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