Блог

Моя цель — переместить карту до определенного предела, когда мы перетаскиваем ее (точно так же, как Google map), после чего она должна заблокироваться. Эта поддержка присутствует в Openlayer версии 2.0 с использованием Bounds. Но в версии 3 я должен установить свойство extent при инициализации представления. Я застрял на этом этапе. Вид не устанавливается после инициализации карты.

   var map = new ol.Map({
    target: 'map',
    layers: [
      new ol.layer.Tile({
        source: new ol.source.OSM()
      })
    ],
    view: new ol.View({
      center: ol.proj.fromLonLat([73.8, 18.5]),
      zoom: 12
    })
  });
  

Теперь я хочу установить свойство extent в представлении

   map.setView(new ol.View({
    center: ol.proj.fromLonLat([73.8, 18.5]),
    extent: map.getView().calculateExtent(map.getSize()),
    zoom : 12
  }));
  

Этот код не работает. Есть ли какой-либо другой способ сделать это или я делаю что-то не так?
В консоли нет ошибки. Но карта не отображается.

Вместо map.setView(new ol.View({...........

Используйте этот фрагмент кода после инициализации карты

 .....
var myExtent = [xmin,ymin,xmax,ymax];
map.getView().fit(myExtent , map.getSize());
........
  

Обновить
Чтобы предотвратить перетаскивание карты за пределы текущего экстента, выполните следующие действия:

 map.setView(
new ol.View({
    center: ol.proj.fromLonLat([73.8, 18.5]),
    extent: map.getView().calculateExtent(map.getSize()),   
    zoom: 12
  })
);
  

вот скрипка